Dstack version on UI (#1742)

* Added showing dstack version on the UI * Added showing dstack version on the UI * Added showing dstack version on the UI
dstackai · Sep 30, 2024 · f21021e · f21021e
1 parent fccc8dd
commit f21021e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/frontend/src/layouts/AppLayout/hooks.ts b/frontend/src/layouts/AppLayout/hooks.ts
@@ -15,13 +15,15 @@ import { useCheckAvailableProjectPermission } from 'pages/Project/hooks/useCheck
 
 import { DISCORD_URL, DOCS_URL } from '../../consts';
 import { goToUrl } from '../../libs';
+import { useGetServerInfoQuery } from '../../services/server';
 
 export const useSideNavigation = () => {
     const { t } = useTranslation();
     const userName = useAppSelector(selectUserName) ?? '';
     const { pathname } = useLocation();
     const { selectedProject, projectsDropdownList } = useProjectDropdown();
     const [isAvailableAdministrationLinks] = usePermissionGuard({ allowedGlobalRoles: [GlobalUserRole.ADMIN] });
+    const { data: serverInfoData } = useGetServerInfoQuery();
 
     const isPoolDetails = Boolean(useMatch(ROUTES.FLEETS.DETAILS.TEMPLATE));
 
@@ -109,6 +111,13 @@ export const useSideNavigation = () => {
                 },
             ],
         },
+
+        { type: 'divider' },
+
+        {
+            type: 'link',
+            text: `dstack version: ${serverInfoData?.server_version}`,
+        },
     ].filter(Boolean) as SideNavigationProps['items'];
 
     const activeHref = useMemo(() => {

diff --git a/frontend/src/layouts/AppLayout/index.module.scss b/frontend/src/layouts/AppLayout/index.module.scss
@@ -16,6 +16,17 @@
     }
 }
 
+[class^='awsui_navigation'] {
+    [class^='awsui_list']:last-child {
+        [class^='awsui_list-item']:last-child {
+            a {
+                pointer-events: none;
+                color: awsui.$color-text-status-inactive !important;
+            }
+        }
+    }
+}
+
 .appHeader {
     height: 48px;
     @media (screen and min-width: 913px) {

diff --git a/frontend/src/layouts/AppLayout/index.tsx b/frontend/src/layouts/AppLayout/index.tsx
@@ -18,7 +18,6 @@ import {
     TopNavigation,
 } from 'components';
 
-import { DISCORD_URL, DOCS_URL } from 'consts';
 import { useAppDispatch, useAppSelector } from 'hooks';
 import { goToUrl } from 'libs';
 import { ROUTES } from 'routes';