fix: workspace card issue

determined-ai · Mar 22, 2023 · a96340c · a96340c
1 parent 8944890
commit a96340c
Showing 1 changed file with 30 additions and 25 deletions.
diff --git a/webui/react/src/pages/WorkspaceList/WorkspaceCard.tsx b/webui/react/src/pages/WorkspaceList/WorkspaceCard.tsx
@@ -33,36 +33,41 @@ const WorkspaceCard: React.FC<Props> = ({ workspace, fetchWorkspaces }: Props) =
   if (workspace.archived) classnames.push(css.archived);
 
   return (
-    <Card
-      actionMenu={!workspace.immutable ? menuProps : undefined}
-      href={paths.workspaceDetails(workspace.id)}
-      size="medium">
-      <div className={classnames.join(' ')}>
-        <div className={css.icon}>
-          <DynamicIcon name={workspace.name} size={78} />
-        </div>
-        <div className={css.info}>
-          <div className={css.nameRow}>
-            <Typography.Title className={css.name} ellipsis={{ rows: 1, tooltip: true }} level={5}>
-              {workspace.name}
-            </Typography.Title>
-            {workspace.pinned && <PushpinOutlined className={css.pinned} />}
+    <>
+      <Card
+        actionMenu={!workspace.immutable ? menuProps : undefined}
+        href={paths.workspaceDetails(workspace.id)}
+        size="medium">
+        <div className={classnames.join(' ')}>
+          <div className={css.icon}>
+            <DynamicIcon name={workspace.name} size={78} />
           </div>
-          <p className={css.projects}>
-            {workspace.numProjects} {pluralizer(workspace.numProjects, 'project')}
-          </p>
-          <div className={css.avatarRow}>
-            <div className={css.avatar}>
-              <Spinner conditionalRender spinning={Loadable.isLoading(user)}>
-                {Loadable.isLoaded(user) && <Avatar user={user.data} />}
-              </Spinner>
+          <div className={css.info}>
+            <div className={css.nameRow}>
+              <Typography.Title
+                className={css.name}
+                ellipsis={{ rows: 1, tooltip: true }}
+                level={5}>
+                {workspace.name}
+              </Typography.Title>
+              {workspace.pinned && <PushpinOutlined className={css.pinned} />}
+            </div>
+            <p className={css.projects}>
+              {workspace.numProjects} {pluralizer(workspace.numProjects, 'project')}
+            </p>
+            <div className={css.avatarRow}>
+              <div className={css.avatar}>
+                <Spinner conditionalRender spinning={Loadable.isLoading(user)}>
+                  {Loadable.isLoaded(user) && <Avatar user={user.data} />}
+                </Spinner>
+              </div>
+              {workspace.archived && <div className={css.archivedBadge}>Archived</div>}
             </div>
-            {workspace.archived && <div className={css.archivedBadge}>Archived</div>}
           </div>
         </div>
-      </div>
+      </Card>
       {contextHolders}
-    </Card>
+    </>
   );
 };