diff --git a/frontend/src/components/workspaces/Grid/WorkspaceGrid/WorkspaceGrid.tsx b/frontend/src/components/workspaces/Grid/WorkspaceGrid/WorkspaceGrid.tsx index 00062b028..81499390f 100644 --- a/frontend/src/components/workspaces/Grid/WorkspaceGrid/WorkspaceGrid.tsx +++ b/frontend/src/components/workspaces/Grid/WorkspaceGrid/WorkspaceGrid.tsx @@ -22,6 +22,12 @@ const WorkspaceGrid: FC = ({ ...props }) => { /> ))} + ); }; diff --git a/frontend/src/components/workspaces/Grid/WorkspaceGridItem/WorkspaceGridItem.tsx b/frontend/src/components/workspaces/Grid/WorkspaceGridItem/WorkspaceGridItem.tsx index 2668698e1..3be2d50de 100644 --- a/frontend/src/components/workspaces/Grid/WorkspaceGridItem/WorkspaceGridItem.tsx +++ b/frontend/src/components/workspaces/Grid/WorkspaceGridItem/WorkspaceGridItem.tsx @@ -8,11 +8,16 @@ export interface IWorkspaceGridItemProps { title: string; isActive: boolean; badgeValue?: number; + previewName?: string; onClick: (id: number) => void; } const WorkspaceGridItem: FC = ({ ...props }) => { - const { id, title, isActive, badgeValue, onClick } = props; + const { id, title, isActive, badgeValue, previewName, onClick } = props; + + const preview = ( + previewName ? previewName : title[0] + title[1] + ).toUpperCase(); return ( @@ -29,7 +34,7 @@ const WorkspaceGridItem: FC = ({ ...props }) => { className="cursor-pointer font-mono font-semibold flex justify-center items-center pt-2 " style={{ fontSize: '32pt', color: '#141414' }} > - {title[0].toUpperCase() + title[1].toUpperCase()} + {preview} {badgeValue && (