refactor(appmenu): rename itemsMenu -> getMenuItems

Author: OggyKUN

src/components/appMenu/CircularMenu.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import itemsMenu from 'src/utils/appsMenu';
+import getMenuItems from 'src/utils/appsMenu';
 import styles from './CircularMenu.module.scss';
 import { MenuItem } from 'src/types/menu';
 import { useLocation } from 'react-router-dom';
@@ -17,7 +17,7 @@ declare module 'react' {
 function CircularMenu({ circleSize }) {
   const [activeItem, setActiveItem] = useState<MenuItem | null>(null);
   const chunkSize = 7;
-  const linkChunks = _.chunk(itemsMenu(), chunkSize);
+  const linkChunks = _.chunk(getMenuItems(), chunkSize);
   const location = useLocation();
 
   const calculateDiameter = (index, circleSize) => {
@@ -44,7 +44,7 @@ function CircularMenu({ circleSize }) {
   };
 
   useEffect(() => {
-    const activeMenuItem = itemsMenu().find((item) => isActiveItem(item));
+    const activeMenuItem = getMenuItems().find((item) => isActiveItem(item));
     setActiveItem(activeMenuItem || null);
   }, [location]);
 

src/components/appMenu/MobileMenu.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef } from 'react';
 import { useLocation, NavLink } from 'react-router-dom';
-import itemsMenu from 'src/utils/appsMenu';
+import getMenuItems from 'src/utils/appsMenu';
 import styles from './MobileMenu.module.scss';
 import { MenuItem } from 'src/types/menu';
 import cx from 'classnames';
@@ -30,7 +30,7 @@ const MobileMenu = () => {
   };
 
   const getActiveItem = () => {
-    return itemsMenu().find((item) => isActiveItem(item)) || null;
+    return getMenuItems().find((item) => isActiveItem(item)) || null;
   };
 
   const activeItem = getActiveItem();
@@ -53,7 +53,7 @@ const MobileMenu = () => {
             alt={`${activeItem?.name} menu active icon`}
           />
         </button>
-        {itemsMenu().map((item, index) => {
+        {getMenuItems().map((item, index) => {
           const isExternal = item.to.startsWith('http');
           return (
             !isActiveItem(item) && (

src/containers/application/Header/CurrentApp/ui/AppName/AppName.tsx

@@ -2,7 +2,7 @@ import { useLocation } from 'react-router-dom';
 import { CHAIN_ID } from 'src/constants/config';
 import { PATTERN_CYBER } from 'src/constants/patterns';
 import { routes } from 'src/routes';
-import itemsMenu from 'src/utils/appsMenu';
+import getMenuItems from 'src/utils/appsMenu';
 import findApp from 'src/utils/findApp';
 import { Helmet } from 'react-helmet';
 import styles from './AppName.module.scss';
@@ -20,7 +20,7 @@ function AppName() {
         : findItem;
   }
 
-  const value = findApp(itemsMenu(), pathname);
+  const value = findApp(getMenuItems(), pathname);
 
   const content = value[0]?.name || CHAIN_ID;
 

src/containers/application/Header/CurrentApp/utils/findSelectAppByUrl.ts

@@ -12,13 +12,13 @@ const findSelectAppByUrl = (
   let pathname = url;
   const isRobot = url.includes('@') || url.includes('neuron/');
 
-  const itemsMenuObj = reduceRobotSubItems(passport, address);
+  const getMenuItemsObj = reduceRobotSubItems(passport, address);
 
   if (isRobot) {
     pathname = routes.robot.path;
   }
 
-  const value = findApp(itemsMenuObj, pathname);
+  const value = findApp(getMenuItemsObj, pathname);
 
   return value;
 };

src/containers/application/Header/CurrentApp/utils/reduceRobotSubItems.ts

@@ -4,7 +4,7 @@ import { Nullable, Option } from 'src/types';
 import { Citizenship } from 'src/types/citizenship';
 import { MenuItem, MenuItems } from 'src/types/menu';
 import { Networks } from 'src/types/networks';
-import itemsMenu from 'src/utils/appsMenu';
+import getMenuItems from 'src/utils/appsMenu';
 
 const reduceRobotSubItems = (
   passport: Nullable<Citizenship>,
@@ -19,7 +19,7 @@ const reduceRobotSubItems = (
     linkApp = routes.neuron.getLink(address);
   }
 
-  return itemsMenu().reduce((acc: MenuItems, item: MenuItem) => {
+  return getMenuItems().reduce((acc: MenuItems, item: MenuItem) => {
     if (item.to === routes.robot.path) {
       item.subItems = !linkApp
         ? []

src/features/TimeHistory/ui/RouteItem/RouteItem.tsx

@@ -1,4 +1,4 @@
-import itemsMenu from 'src/utils/appsMenu';
+import getMenuItems from 'src/utils/appsMenu';
 import DEFAULT_IMG from 'images/large-orange-circle.png';
 import { Link } from 'react-router-dom';
 import findApp from 'src/utils/findApp';
@@ -7,7 +7,7 @@ import styles from './RouteItem.module.scss';
 
 function RouteItem({ value }: { value: RouteItemT }) {
   const { url } = value;
-  const app = findApp(itemsMenu(), url);
+  const app = findApp(getMenuItems(), url);
 
   return (
     <Link to={url} className={styles.wrapper}>

src/types/menu.ts

@@ -1,4 +1,4 @@
-import itemsMenu from 'src/utils/appsMenu';
+import getMenuItems from 'src/utils/appsMenu';
 
-export type MenuItems = ReturnType<typeof itemsMenu>;
+export type MenuItems = ReturnType<typeof getMenuItems>;
 export type MenuItem = MenuItems[0];

src/utils/appsMenu.ts

@@ -14,7 +14,7 @@ import { Networks } from 'src/types/networks';
 import { cybernetRoutes } from 'src/features/cybernet/ui/routes';
 import { CHAIN_ID } from 'src/constants/config';
 
-const itemsMenu = () => {
+const getMenuItems = () => {
   const listItemMenu = [
     {
       name: 'My robot',
@@ -193,4 +193,4 @@ const itemsMenu = () => {
   return listItemMenu.filter((item) => item);
 };
 
-export default itemsMenu;
+export default getMenuItems;