refactor(AsideNavigation): useGetLeftNavigationItems (#440)

Author: artemmufazalov

src/containers/AsideNavigation/AsideNavigation.tsx

@@ -120,19 +120,13 @@ enum Panel {
     UserSettings = 'UserSettings',
 }
 
-function AsideNavigation(props: AsideNavigationProps) {
+export const useGetLeftNavigationItems = () => {
     const location = useLocation();
     const history = useHistory();
 
-    const [visiblePanel, setVisiblePanel] = useState<Panel>();
-
     const [initialTenantPage, setInitialTenantPage] = useSetting<string>(TENANT_INITIAL_PAGE_KEY);
     const {tenantPage = initialTenantPage} = useTypedSelector((state) => state.tenant);
 
-    const setIsCompact = (compact: boolean) => {
-        props.setSettingValue(ASIDE_HEADER_COMPACT_KEY, JSON.stringify(compact));
-    };
-
     const {pathname} = location;
     const queryParams = parseQuery(location);
 
@@ -183,6 +177,20 @@ function AsideNavigation(props: AsideNavigationProps) {
         });
     }, [tenantPage, isTenantPage, setInitialTenantPage, history, queryParams]);
 
+    return menuItems;
+};
+
+function AsideNavigation(props: AsideNavigationProps) {
+    const history = useHistory();
+
+    const [visiblePanel, setVisiblePanel] = useState<Panel>();
+
+    const setIsCompact = (compact: boolean) => {
+        props.setSettingValue(ASIDE_HEADER_COMPACT_KEY, JSON.stringify(compact));
+    };
+
+    const menuItems = useGetLeftNavigationItems();
+
     return (
         <React.Fragment>
             <AsideHeader