feat(ui): TE-2610 show workspace switcher if workspace count is more …

…than 0 (#1738) * feat(ui): TE-2610 show workspace switcher if workspace count is more than 0 * review changes
startreedata · Jan 10, 2025 · e14ebf4 · e14ebf4
1 parent be82371
commit e14ebf4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 14 deletions.
diff --git a/thirdeye-ui/src/app/components/app-bar/app-header/app-header.component.tsx b/thirdeye-ui/src/app/components/app-bar/app-header/app-header.component.tsx
@@ -29,7 +29,7 @@ export const Appheader = ({
 }: AppHeaderprops): ReactElement => {
     const { t } = useTranslation();
     const [navBarMinimized] = useNavBarV1((state) => [state.navBarMinimized]);
-    const showWorkspaceSwitcher = Boolean(workspaces && workspaces?.length > 1);
+    const showWorkspaceSwitcher = Boolean(workspaces);
     const compoenentStyles = useAppHeaderStyles({
         showWorkspaceSwitcher,
         isFullScreen,

diff --git a/thirdeye-ui/src/app/components/app-bar/app-header/app-header.styles.ts b/thirdeye-ui/src/app/components/app-bar/app-header/app-header.styles.ts
@@ -92,6 +92,9 @@ export const useWorkpsaceSwitcherStyles = makeStyles({
         "&:hover .copy-icon-button": {
             visibility: "visible",
         },
+        "& .MuiListItemText-primary": {
+            fontSize: "14px",
+        },
     },
     noResults: {
         display: "flex",

diff --git a/thirdeye-ui/src/app/components/app-bar/app-header/workspace.tsx b/thirdeye-ui/src/app/components/app-bar/app-header/workspace.tsx
@@ -98,19 +98,17 @@ export const WorkspaceSwitcher = ({
                     value={selectedWorkspace.id || ""}
                     onClick={() => setOpen(!open)}
                 >
-                    {workspaces.length > 1 && (
-                        <ListItem>
-                            <TextField
-                                fullWidth
-                                placeholder="Search workspace"
-                                onChange={(e) => {
-                                    handleFilter(e.target.value);
-                                }}
-                                // prevent selecting search box
-                                onClick={(e) => e.stopPropagation()}
-                            />
-                        </ListItem>
-                    )}
+                    <ListItem>
+                        <TextField
+                            fullWidth
+                            placeholder="Search workspace"
+                            onChange={(e) => {
+                                handleFilter(e.target.value);
+                            }}
+                            // prevent selecting search box
+                            onClick={(e) => e.stopPropagation()}
+                        />
+                    </ListItem>
                     <div style={{ maxHeight: "400px", overflow: "auto" }}>
                         {filteredWorkspaces.map((workspace, index) => (
                             <MenuItem