rename customNavBar to CustomNavigation

src/client/js/components/CustomNavbar.jsx → src/client/js/components/CustomNavigation.jsx

@@ -8,13 +8,13 @@ import {
 
 import { withUnstatedContainers } from './UnstatedUtils';
 
-import CustomNavbarContainer from '../services/CustomNavbarContainer';
+import CustomNavigationContainer from '../services/CustomNavigationContainer';
 
 
-const CustomNavbar = (props) => {
-  const { customNavbarContainer } = props;
-  const { switchActiveTab } = customNavbarContainer;
-  const { activeTab } = customNavbarContainer.state;
+const CustomNavigation = (props) => {
+  const { customNavigationContainer } = props;
+  const { switchActiveTab } = customNavigationContainer;
+  const { activeTab } = customNavigationContainer.state;
   // [TODO: set default active tab by gw4079]
   const [sliderWidth, setSliderWidth] = useState(null);
   const [sliderMarginLeft, setSliderMarginLeft] = useState(null);
@@ -89,12 +89,11 @@ const CustomNavbar = (props) => {
 /**
  * Wrapper component for using unstated
  */
-const CustomNavbarWrapper = withUnstatedContainers(CustomNavbar, [CustomNavbarContainer]);
+const CustomNavigationWrapper = withUnstatedContainers(CustomNavigation, [CustomNavigationContainer]);
 
-CustomNavbar.propTypes = {
-  t: PropTypes.func.isRequired, //  i18next
-  customNavbarContainer: PropTypes.instanceOf(CustomNavbarContainer).isRequired,
+CustomNavigation.propTypes = {
+  customNavigationContainer: PropTypes.instanceOf(CustomNavigationContainer).isRequired,
   navTabMapping: PropTypes.object,
 };
 
-export default CustomNavbarWrapper;
+export default CustomNavigationWrapper;

src/client/js/components/TrashPage.jsx

@@ -7,7 +7,7 @@ import { withUnstatedContainers } from './UnstatedUtils';
 
 import AppContainer from '../services/AppContainer';
 import PageContainer from '../services/PageContainer';
-import CustomNavbar from './CustomNavbar';
+import CustomNavigation from './CustomNavigation';
 
 
 const TrashPage = (props) => {
@@ -25,7 +25,7 @@ const TrashPage = (props) => {
 
   return (
     <div className="grw-trash-page mt-5">
-      <CustomNavbar navTabMapping={navTabMapping} />
+      <CustomNavigation navTabMapping={navTabMapping} />
     </div>
   );
 };

src/client/js/services/CustomNavbarContainer.js → src/client/js/services/CustomNavigationContainer.js

@@ -5,7 +5,7 @@ import { Container } from 'unstated';
  * @extends {Container} unstated Container
  */
 
-export default class CustomNavbarContainer extends Container {
+export default class CustomNavigationContainer extends Container {
 
   constructor(appContainer) {
     super();
@@ -25,7 +25,7 @@ export default class CustomNavbarContainer extends Container {
    * Workaround for the mangling in production build to break constructor.name
    */
   static getClassName() {
-    return 'CustomNavbarContainer';
+    return 'CustomNavigationContainer';
   }
 
   switchActiveTab(activeTab) {