From d145fb13d9c3a385e5d775f310da1a5ec4419ff2 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Wed, 28 Aug 2019 17:14:52 +0300
Subject: [PATCH] NavBarButton renamed to NavTabButton

---
 src/common/NavBar/NavBar.js                            | 10 +++++-----
 src/common/NavBar/NavBarButton/index.js                |  3 ---
 .../NavBarButton.js => NavTabButton/NavTabButton.js}   |  8 ++++----
 src/common/NavBar/NavTabButton/index.js                |  3 +++
 .../NavBar/{NavBarButton => NavTabButton}/styles.less  |  2 +-
 src/common/NavBar/styles.less                          |  2 +-
 6 files changed, 14 insertions(+), 14 deletions(-)
 delete mode 100644 src/common/NavBar/NavBarButton/index.js
 rename src/common/NavBar/{NavBarButton/NavBarButton.js => NavTabButton/NavTabButton.js} (90%)
 create mode 100644 src/common/NavBar/NavTabButton/index.js
 rename src/common/NavBar/{NavBarButton => NavTabButton}/styles.less (95%)

diff --git a/src/common/NavBar/NavBar.js b/src/common/NavBar/NavBar.js
index da8511eb1..f6004c815 100644
--- a/src/common/NavBar/NavBar.js
+++ b/src/common/NavBar/NavBar.js
@@ -1,7 +1,7 @@
 const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
-const NavBarButton = require('./NavBarButton');
+const NavTabButton = require('./NavTabButton');
 const SearchBar = require('./SearchBar');
 const AddonsButton = require('./AddonsButton');
 const NavMenu = require('./NavMenu');
@@ -15,8 +15,8 @@ const NavBar = React.memo(({ className, backButton = false, tabs = [], title = '
         <nav className={classnames(className, styles['nav-bar-container'])}>
             {
                 backButton ?
-                    <NavBarButton
-                        className={styles['nav-bar-button']}
+                    <NavTabButton
+                        className={styles['nav-tab-button']}
                         icon={'ic_back_ios'}
                         label={'Back'}
                         onClick={backButtonOnClick}
@@ -27,9 +27,9 @@ const NavBar = React.memo(({ className, backButton = false, tabs = [], title = '
             {
                 Array.isArray(tabs) && tabs.length > 0 ?
                     tabs.slice(0, 4).map(({ href = '', icon = '', label = '', onClick }) => (
-                        <NavBarButton
+                        <NavTabButton
                             key={`${href}${icon}${label}`}
-                            className={styles['nav-bar-button']}
+                            className={styles['nav-tab-button']}
                             href={href}
                             icon={icon}
                             label={label}
diff --git a/src/common/NavBar/NavBarButton/index.js b/src/common/NavBar/NavBarButton/index.js
deleted file mode 100644
index 1d774bab1..000000000
--- a/src/common/NavBar/NavBarButton/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const NavBarButton = require('./NavBarButton');
-
-module.exports = NavBarButton;
diff --git a/src/common/NavBar/NavBarButton/NavBarButton.js b/src/common/NavBar/NavTabButton/NavTabButton.js
similarity index 90%
rename from src/common/NavBar/NavBarButton/NavBarButton.js
rename to src/common/NavBar/NavTabButton/NavTabButton.js
index aaed79750..b4e3c1fb0 100644
--- a/src/common/NavBar/NavBarButton/NavBarButton.js
+++ b/src/common/NavBar/NavTabButton/NavTabButton.js
@@ -8,7 +8,7 @@ const routesRegexp = require('stremio/common/routesRegexp');
 const useLocationHash = require('stremio/common/useLocationHash');
 const styles = require('./styles');
 
-const NavBarButton = ({ className, icon = '', label = '', href = '', onClick }) => {
+const NavTabButton = ({ className, icon = '', label = '', href = '', onClick }) => {
     const locationHash = useLocationHash();
     const routeRegexp = React.useMemo(() => {
         if (typeof href === 'string' && href.length > 0) {
@@ -30,7 +30,7 @@ const NavBarButton = ({ className, icon = '', label = '', href = '', onClick })
         return false;
     }, [routeRegexp, locationHash]);
     return (
-        <Button className={classnames(className, styles['nav-bar-button-container'], { 'active': active })} title={label} tabIndex={-1} href={href} onClick={onClick}>
+        <Button className={classnames(className, styles['nav-tab-button-container'], { 'active': active })} title={label} tabIndex={-1} href={href} onClick={onClick}>
             {
                 typeof icon === 'string' && icon.length > 0 ?
                     <Icon className={styles['icon']} icon={icon} />
@@ -47,7 +47,7 @@ const NavBarButton = ({ className, icon = '', label = '', href = '', onClick })
     );
 };
 
-NavBarButton.propTypes = {
+NavTabButton.propTypes = {
     className: PropTypes.string,
     icon: PropTypes.string,
     label: PropTypes.string,
@@ -55,4 +55,4 @@ NavBarButton.propTypes = {
     onClick: PropTypes.func
 };
 
-module.exports = NavBarButton;
+module.exports = NavTabButton;
diff --git a/src/common/NavBar/NavTabButton/index.js b/src/common/NavBar/NavTabButton/index.js
new file mode 100644
index 000000000..a662eb3f4
--- /dev/null
+++ b/src/common/NavBar/NavTabButton/index.js
@@ -0,0 +1,3 @@
+const NavTabButton = require('./NavTabButton');
+
+module.exports = NavTabButton;
diff --git a/src/common/NavBar/NavBarButton/styles.less b/src/common/NavBar/NavTabButton/styles.less
similarity index 95%
rename from src/common/NavBar/NavBarButton/styles.less
rename to src/common/NavBar/NavTabButton/styles.less
index 105065753..59504d75e 100644
--- a/src/common/NavBar/NavBarButton/styles.less
+++ b/src/common/NavBar/NavTabButton/styles.less
@@ -1,4 +1,4 @@
-.nav-bar-button-container {
+.nav-tab-button-container {
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/src/common/NavBar/styles.less b/src/common/NavBar/styles.less
index b0c57e681..8362510b1 100644
--- a/src/common/NavBar/styles.less
+++ b/src/common/NavBar/styles.less
@@ -5,7 +5,7 @@
     height: 3.2rem;
     background-color: var(--color-secondarydark);
 
-    .nav-bar-button {
+    .nav-tab-button {
         flex: none;
         max-width: 11rem;
         height: 3.2rem;