feat: webui nav sidebar dropdown text changes (#9063)

determined-ai · Mar 27, 2024 · d9e1088 · d9e1088
1 parent 06c86ee
commit d9e1088
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/webui/react/src/components/NavigationSideBar.tsx b/webui/react/src/components/NavigationSideBar.tsx
@@ -231,15 +231,15 @@ const NavigationSideBar: React.FC = () => {
     const items: MenuItem[] = [
       {
         key: 'settings',
-        label: <Link onClick={() => setShowSettings(true)}>Settings</Link>,
+        label: <Link onClick={() => setShowSettings(true)}>User Settings</Link>,
       },
       { key: 'theme-toggle', label: <ThemeToggle /> },
       { key: 'sign-out', label: <Link path={paths.logout()}>Sign Out</Link> },
     ];
     if (canAdministrateUsers) {
       items.unshift({
         key: 'admin',
-        label: <Link path={paths.admin()}>Admin</Link>,
+        label: <Link path={paths.admin()}>Admin Settings</Link>,
       });
     }
     return items;

diff --git a/webui/react/src/components/ThemeToggle.tsx b/webui/react/src/components/ThemeToggle.tsx
@@ -17,17 +17,17 @@ interface ThemeOption {
 export const ThemeOptions: Record<Mode, ThemeOption> = {
   [Mode.Light]: {
     className: Mode.Light,
-    displayName: 'Light Mode',
+    displayName: 'Day Theme',
     next: Mode.Dark,
   },
   [Mode.Dark]: {
     className: Mode.Dark,
-    displayName: 'Dark Mode',
+    displayName: 'Night Theme',
     next: Mode.System,
   },
   [Mode.System]: {
     className: Mode.System,
-    displayName: 'System Mode',
+    displayName: 'System Theme',
     next: Mode.Light,
   },
 };

diff --git a/webui/react/src/components/UserSettings.tsx b/webui/react/src/components/UserSettings.tsx
@@ -149,7 +149,7 @@ const UserSettings: React.FC<Props> = ({ show, onClose }: Props) => {
         const shortcutSettings = { ...shortcutSettingsDefaults, ...(savedShortcutSettings ?? {}) };
 
         return (
-          <Drawer open={show} placement="left" title="Settings" onClose={onClose}>
+          <Drawer open={show} placement="left" title="User Settings" onClose={onClose}>
             <Section divider title="Profile">
               <div className={css.section}>
                 <InlineForm<string>