chore: app theme store updated (#6356)
This commit is contained in:
parent
de009d6d10
commit
e3ceb4825a
1 changed files with 28 additions and 0 deletions
|
|
@ -7,12 +7,16 @@ export interface IThemeStore {
|
||||||
workspaceAnalyticsSidebarCollapsed: boolean | undefined;
|
workspaceAnalyticsSidebarCollapsed: boolean | undefined;
|
||||||
issueDetailSidebarCollapsed: boolean | undefined;
|
issueDetailSidebarCollapsed: boolean | undefined;
|
||||||
epicDetailSidebarCollapsed: boolean | undefined;
|
epicDetailSidebarCollapsed: boolean | undefined;
|
||||||
|
initiativesSidebarCollapsed: boolean | undefined;
|
||||||
|
projectOverviewSidebarCollapsed: boolean | undefined;
|
||||||
// actions
|
// actions
|
||||||
toggleSidebar: (collapsed?: boolean) => void;
|
toggleSidebar: (collapsed?: boolean) => void;
|
||||||
toggleProfileSidebar: (collapsed?: boolean) => void;
|
toggleProfileSidebar: (collapsed?: boolean) => void;
|
||||||
toggleWorkspaceAnalyticsSidebar: (collapsed?: boolean) => void;
|
toggleWorkspaceAnalyticsSidebar: (collapsed?: boolean) => void;
|
||||||
toggleIssueDetailSidebar: (collapsed?: boolean) => void;
|
toggleIssueDetailSidebar: (collapsed?: boolean) => void;
|
||||||
toggleEpicDetailSidebar: (collapsed?: boolean) => void;
|
toggleEpicDetailSidebar: (collapsed?: boolean) => void;
|
||||||
|
toggleInitiativesSidebar: (collapsed?: boolean) => void;
|
||||||
|
toggleProjectOverviewSidebar: (collapsed?: boolean) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
export class ThemeStore implements IThemeStore {
|
export class ThemeStore implements IThemeStore {
|
||||||
|
|
@ -22,6 +26,8 @@ export class ThemeStore implements IThemeStore {
|
||||||
workspaceAnalyticsSidebarCollapsed: boolean | undefined = undefined;
|
workspaceAnalyticsSidebarCollapsed: boolean | undefined = undefined;
|
||||||
issueDetailSidebarCollapsed: boolean | undefined = undefined;
|
issueDetailSidebarCollapsed: boolean | undefined = undefined;
|
||||||
epicDetailSidebarCollapsed: boolean | undefined = undefined;
|
epicDetailSidebarCollapsed: boolean | undefined = undefined;
|
||||||
|
initiativesSidebarCollapsed: boolean | undefined = undefined;
|
||||||
|
projectOverviewSidebarCollapsed: boolean | undefined = undefined;
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
makeObservable(this, {
|
makeObservable(this, {
|
||||||
|
|
@ -31,12 +37,16 @@ export class ThemeStore implements IThemeStore {
|
||||||
workspaceAnalyticsSidebarCollapsed: observable.ref,
|
workspaceAnalyticsSidebarCollapsed: observable.ref,
|
||||||
issueDetailSidebarCollapsed: observable.ref,
|
issueDetailSidebarCollapsed: observable.ref,
|
||||||
epicDetailSidebarCollapsed: observable.ref,
|
epicDetailSidebarCollapsed: observable.ref,
|
||||||
|
initiativesSidebarCollapsed: observable.ref,
|
||||||
|
projectOverviewSidebarCollapsed: observable.ref,
|
||||||
// action
|
// action
|
||||||
toggleSidebar: action,
|
toggleSidebar: action,
|
||||||
toggleProfileSidebar: action,
|
toggleProfileSidebar: action,
|
||||||
toggleWorkspaceAnalyticsSidebar: action,
|
toggleWorkspaceAnalyticsSidebar: action,
|
||||||
toggleIssueDetailSidebar: action,
|
toggleIssueDetailSidebar: action,
|
||||||
toggleEpicDetailSidebar: action,
|
toggleEpicDetailSidebar: action,
|
||||||
|
toggleInitiativesSidebar: action,
|
||||||
|
toggleProjectOverviewSidebar: action,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -96,4 +106,22 @@ export class ThemeStore implements IThemeStore {
|
||||||
}
|
}
|
||||||
localStorage.setItem("epic_detail_sidebar_collapsed", this.epicDetailSidebarCollapsed.toString());
|
localStorage.setItem("epic_detail_sidebar_collapsed", this.epicDetailSidebarCollapsed.toString());
|
||||||
};
|
};
|
||||||
|
|
||||||
|
toggleInitiativesSidebar = (collapsed?: boolean) => {
|
||||||
|
if (collapsed === undefined) {
|
||||||
|
this.initiativesSidebarCollapsed = !this.initiativesSidebarCollapsed;
|
||||||
|
} else {
|
||||||
|
this.initiativesSidebarCollapsed = collapsed;
|
||||||
|
}
|
||||||
|
localStorage.setItem("initiatives_sidebar_collapsed", this.initiativesSidebarCollapsed.toString());
|
||||||
|
};
|
||||||
|
|
||||||
|
toggleProjectOverviewSidebar = (collapsed?: boolean) => {
|
||||||
|
if (collapsed === undefined) {
|
||||||
|
this.projectOverviewSidebarCollapsed = !this.projectOverviewSidebarCollapsed;
|
||||||
|
} else {
|
||||||
|
this.projectOverviewSidebarCollapsed = collapsed;
|
||||||
|
}
|
||||||
|
localStorage.setItem("project_overview_sidebar_collapsed", this.projectOverviewSidebarCollapsed.toString());
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue