hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

workspace overview cluster list grows/shrinks according to existence of extension details

Browse Source 
Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
This commit is contained in:
Jim Ehrismann 2021-02-09 16:37:41 -05:00
parent 9cee1a800e
commit 9f3b8562d4
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/components/+landing-page/workspace-overview.scss
View File

@ -1,4 +1,5 @@
.WorkspaceOverview { .WorkspaceOverview {
height: 100%;
.ItemListLayout.WorkspaceClusters { .ItemListLayout.WorkspaceClusters {
background-color: var(--mainBackground); background-color: var(--mainBackground);

17
src/renderer/components/+landing-page/workspace-overview.tsx
View File

@ -34,11 +34,11 @@ export class WorkspaceOverview extends Component<Props> {
workspaceClusterStore.loadAll(); workspaceClusterStore.loadAll();
const workspaceDetails = workspaceDetailRegistry.getItems(); const workspaceDetails = workspaceDetailRegistry.getItems();
return ( return (
<div className="WorkspaceOverview flex column gaps box grow"> <div className="WorkspaceOverview flex column gaps box grow">
<ItemListLayout <ItemListLayout
className="WorkspaceClusters" className="WorkspaceClusters box grow"
renderHeaderTitle={<div>Clusters</div>} renderHeaderTitle={<div>Clusters</div>}
isClusterScoped isClusterScoped
isSearchable={false} isSearchable={false}
@ -66,11 +66,14 @@ export class WorkspaceOverview extends Component<Props> {
<WorkspaceClusterMenu clusterItem={clusterItem} workspace={workspace} workspaceClusterStore={workspaceClusterStore}/> <WorkspaceClusterMenu clusterItem={clusterItem} workspace={workspace} workspaceClusterStore={workspaceClusterStore}/>
)} )}
/> />
{ workspaceDetails.length > 0 && { workspaceDetails.length > 0 && (
<div className="extensions flex column gaps"> <>
{workspaceDetailRegistry.getItems().map(({ components: { Detail } }, index) => <Detail key={index} className="workspace-detail"/>)} <hr/>
</div> <div className="extensions flex column gaps">
} {workspaceDetailRegistry.getItems().map(({ components: { Detail } }, index) => <Detail key={index} className="workspace-detail"/>)}
</div>
</>
)}
</div> </div>
); );
} }