[Feature]: Move Docs and Discord links to Top navigation! #2744

Author: olgenn

frontend/src/layouts/AppLayout/hooks.ts

@@ -4,9 +4,7 @@ import { useLocation, useMatch } from 'react-router-dom';
 
 import { SideNavigationProps } from 'components';
 
-import { DISCORD_URL, DOCS_URL } from 'consts';
 import { useAppSelector, usePermissionGuard } from 'hooks';
-import { goToUrl } from 'libs';
 import { ROUTES } from 'routes';
 import { useGetServerInfoQuery } from 'services/server';
 import { GlobalUserRole } from 'types';
@@ -74,29 +72,6 @@ export const useSideNavigation = () => {
 
         { type: 'divider' },
 
-        {
-            type: 'section-group',
-            title: t('navigation.resources'),
-            items: [
-                {
-                    type: 'link',
-                    text: t('common.docs'),
-                    external: true,
-                    href: DOCS_URL,
-                    // onClick: () => goToUrl(DOCS_URL, true),
-                },
-                {
-                    type: 'link',
-                    text: t('common.discord'),
-                    external: true,
-                    href: DISCORD_URL,
-                    onClick: () => goToUrl(DISCORD_URL, true),
-                },
-            ],
-        },
-
-        { type: 'divider' },
-
         {
             type: 'link',
             href: '#version',

frontend/src/layouts/AppLayout/index.tsx

@@ -17,6 +17,7 @@ import {
     TopNavigation,
 } from 'components';
 
+import { DISCORD_URL, DOCS_URL } from 'consts';
 import { useAppDispatch, useAppSelector } from 'hooks';
 import { goToUrl } from 'libs';
 import { ROUTES } from 'routes';
@@ -159,6 +160,18 @@ const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
                                 iconSvg: <ThemeIcon />,
                                 onClick: onChangeSystemModeToggle,
                             },
+                            {
+                                type: 'button',
+                                text: t('common.docs'),
+                                external: true,
+                                onClick: () => goToUrl(DOCS_URL, true),
+                            },
+                            {
+                                type: 'button',
+                                text: t('common.discord'),
+                                external: true,
+                                onClick: () => goToUrl(DISCORD_URL, true),
+                            },
                             {
                                 'data-class': 'user-menu',
                                 type: 'menu-dropdown',