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

Show not yet enabled workspaces in list

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-11-17 07:57:19 +03:00
parent d73cdcac6f
commit ff80904592
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/components/+workspaces/workspaces.scss
View File

@ -10,5 +10,10 @@
> .description { > .description {
flex: 1; flex: 1;
} }
&:not(.enabled) {
pointer-events: none;
opacity: 0.5;
}
} }
} }

6
src/renderer/components/+workspaces/workspaces.tsx
View File

@ -20,7 +20,7 @@ export class Workspaces extends React.Component {
@computed get workspaces(): Workspace[] { @computed get workspaces(): Workspace[] {
const currentWorkspaces: Map<WorkspaceId, Workspace> = new Map() const currentWorkspaces: Map<WorkspaceId, Workspace> = new Map()
workspaceStore.enabledWorkspacesList.forEach((w) => { workspaceStore.workspacesList.forEach((w) => {
currentWorkspaces.set(w.id, w) currentWorkspaces.set(w.id, w)
}) })
const allWorkspaces = new Map([ const allWorkspaces = new Map([
@ -115,7 +115,7 @@ export class Workspaces extends React.Component {
<Trans>Workspaces</Trans> <Trans>Workspaces</Trans>
</h2> </h2>
<div className="items flex column gaps"> <div className="items flex column gaps">
{this.workspaces.map(({ id: workspaceId, name, description, ownerRef }) => { {this.workspaces.map(({ id: workspaceId, name, description, ownerRef, enabled }) => {
const isActive = workspaceStore.currentWorkspaceId === workspaceId; const isActive = workspaceStore.currentWorkspaceId === workspaceId;
const isDefault = workspaceStore.isDefault(workspaceId); const isDefault = workspaceStore.isDefault(workspaceId);
const isEditing = this.editingWorkspaces.has(workspaceId); const isEditing = this.editingWorkspaces.has(workspaceId);
@ -131,7 +131,7 @@ export class Workspaces extends React.Component {
validate: value => !workspaceStore.getByName(value.trim()) validate: value => !workspaceStore.getByName(value.trim())
} }
return ( return (
<div key={workspaceId} className={className}> <div key={workspaceId} className={cssNames(className, {enabled: enabled || isEditing})}>
{!isEditing && ( {!isEditing && (
<Fragment> <Fragment>
<span className="name flex gaps align-center"> <span className="name flex gaps align-center">