void;
+ toggleMobileSidebar: (collapsed?: boolean) => void;
setTheme: (theme: any) => void;
toggleProfileSidebar: (collapsed?: boolean) => void;
toggleWorkspaceAnalyticsSidebar: (collapsed?: boolean) => void;
@@ -20,6 +22,7 @@ export interface IThemeStore {
export class ThemeStore implements IThemeStore {
// observables
+ mobileSidebarCollapsed: boolean | undefined = true;
sidebarCollapsed: boolean | undefined = undefined;
theme: string | null = null;
profileSidebarCollapsed: boolean | undefined = undefined;
@@ -31,6 +34,7 @@ export class ThemeStore implements IThemeStore {
constructor(_rootStore: any | null = null) {
makeObservable(this, {
// observable
+ mobileSidebarCollapsed: observable.ref,
sidebarCollapsed: observable.ref,
theme: observable.ref,
profileSidebarCollapsed: observable.ref,
@@ -38,6 +42,7 @@ export class ThemeStore implements IThemeStore {
issueDetailSidebarCollapsed: observable.ref,
// action
toggleSidebar: action,
+ toggleMobileSidebar: action,
setTheme: action,
toggleProfileSidebar: action,
toggleWorkspaceAnalyticsSidebar: action,
@@ -61,6 +66,19 @@ export class ThemeStore implements IThemeStore {
localStorage.setItem("app_sidebar_collapsed", this.sidebarCollapsed.toString());
};
+ /**
+ * Toggle mobile sidebar collapsed state
+ * @param collapsed
+ */
+ toggleMobileSidebar = (collapsed?: boolean) => {
+ if (collapsed === undefined) {
+ this.mobileSidebarCollapsed = !this.mobileSidebarCollapsed;
+ } else {
+ this.mobileSidebarCollapsed = collapsed;
+ }
+ localStorage.setItem("mobile_sidebar_collapsed", this.mobileSidebarCollapsed.toString());
+ };
+
/**
* Toggle the profile sidebar collapsed state
* @param collapsed
@@ -88,13 +106,13 @@ export class ThemeStore implements IThemeStore {
};
toggleIssueDetailSidebar = (collapsed?: boolean) => {
- if(collapsed === undefined) {
+ if (collapsed === undefined) {
this.issueDetailSidebarCollapsed = !this.issueDetailSidebarCollapsed;
} else {
this.issueDetailSidebarCollapsed = collapsed;
}
localStorage.setItem("issue_detail_sidebar_collapsed", this.issueDetailSidebarCollapsed.toString());
- }
+ };
/**
* Sets the user theme and applies it to the platform
From f64284f6a0f3c5a2231f564db7b53946314c314e Mon Sep 17 00:00:00 2001
From: rahulramesha <71900764+rahulramesha@users.noreply.github.com>
Date: Tue, 13 Feb 2024 16:33:19 +0530
Subject: [PATCH 2/3] fixing kanban dnd by stooping the modification of the
original array by spreading to change the array reference (#3646)
---
web/components/issues/issue-layouts/kanban/utils.ts | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/web/components/issues/issue-layouts/kanban/utils.ts b/web/components/issues/issue-layouts/kanban/utils.ts
index 5c5de8c45..064b4c23f 100644
--- a/web/components/issues/issue-layouts/kanban/utils.ts
+++ b/web/components/issues/issue-layouts/kanban/utils.ts
@@ -101,9 +101,13 @@ export const handleDragDrop = async (
else return await store?.removeIssue(workspaceSlug, projectId, removed);
}
} else {
- const sourceIssues = subGroupBy
- ? (issueWithIds as TSubGroupedIssues)[sourceSubGroupByColumnId][sourceGroupByColumnId]
- : (issueWithIds as TGroupedIssues)[sourceGroupByColumnId];
+ //spreading the array to stop changing the original reference
+ //since we are removing an id from array further down
+ const sourceIssues = [
+ ...(subGroupBy
+ ? (issueWithIds as TSubGroupedIssues)[sourceSubGroupByColumnId][sourceGroupByColumnId]
+ : (issueWithIds as TGroupedIssues)[sourceGroupByColumnId]),
+ ];
const destinationIssues = subGroupBy
? (issueWithIds as TSubGroupedIssues)[sourceSubGroupByColumnId][destinationGroupByColumnId]
: (issueWithIds as TGroupedIssues)[destinationGroupByColumnId];
From eea3b4fa5425bb6e0f969854b378ad4a9015c8fe Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 13 Feb 2024 16:35:20 +0530
Subject: [PATCH 3/3] chore: new empty state (#3640)
* chore: empty state asset updated
* chore: empty state config updated
* chore: cycle and module issues layout empty state added
* chore: workspace and project settings empty state added
---
.../cycles/active-cycle-details.tsx | 3 +-
web/components/cycles/cycles-board.tsx | 2 +-
web/components/cycles/cycles-list.tsx | 2 +-
web/components/estimates/estimates-list.tsx | 34 +-
web/components/exporter/guide.tsx | 25 +-
web/components/integration/guide.tsx | 18 +-
.../empty-states/archived-issues.tsx | 12 +-
.../issue-layouts/empty-states/cycle.tsx | 45 ++-
.../empty-states/draft-issues.tsx | 10 +-
.../issue-layouts/empty-states/module.tsx | 45 +--
.../empty-states/project-issues.tsx | 18 +-
.../roots/all-issue-layout-root.tsx | 3 +-
.../issue-layouts/roots/cycle-layout-root.tsx | 1 +
.../roots/module-layout-root.tsx | 1 +
.../labels/project-setting-label-list.tsx | 35 +-
web/components/modules/modules-list-view.tsx | 12 +-
.../page-views/workspace-dashboard.tsx | 13 +-
web/components/pages/pages-list/list-view.tsx | 2 +-
.../pages/pages-list/recent-pages-list.tsx | 7 +-
web/components/profile/profile-issues.tsx | 2 +-
web/components/project/card-list.tsx | 11 +-
web/components/views/views-list.tsx | 11 +-
web/constants/cycle.ts | 24 +-
web/constants/empty-state.ts | 366 ++++++++++++++++++
web/constants/page.ts | 35 --
web/constants/profile.ts | 18 -
web/constants/workspace.ts | 28 --
web/pages/[workspaceSlug]/analytics.tsx | 27 +-
.../projects/[projectId]/cycles/index.tsx | 25 +-
.../projects/[projectId]/pages/index.tsx | 12 +-
.../[projectId]/settings/estimates.tsx | 2 +-
.../[projectId]/settings/integrations.tsx | 27 +-
.../projects/[projectId]/settings/labels.tsx | 2 +-
.../[workspaceSlug]/settings/api-tokens.tsx | 33 +-
.../settings/webhooks/index.tsx | 31 +-
.../all-issues/all-issues-dark.webp | Bin 93714 -> 85642 bytes
.../all-issues/all-issues-light.webp | Bin 92098 -> 71872 bytes
.../empty-state/all-issues/assigned-dark.webp | Bin 93740 -> 70338 bytes
.../all-issues/assigned-light.webp | Bin 92112 -> 72084 bytes
.../empty-state/all-issues/created-dark.webp | Bin 93718 -> 70004 bytes
.../empty-state/all-issues/created-light.webp | Bin 92018 -> 72328 bytes
.../all-issues/custom-view-dark.webp | Bin 93920 -> 70366 bytes
.../all-issues/custom-view-light.webp | Bin 92330 -> 72264 bytes
.../all-issues/no-project-dark.webp | Bin 93990 -> 85516 bytes
.../all-issues/no-project-light.webp | Bin 92122 -> 68070 bytes
.../all-issues/subscribed-dark.webp | Bin 93924 -> 70354 bytes
.../all-issues/subscribed-light.webp | Bin 92264 -> 72268 bytes
.../archived/empty-issues-dark.webp | Bin 135300 -> 95706 bytes
.../archived/empty-issues-light.webp | Bin 127074 -> 80510 bytes
.../cycle-issues/calendar-dark-resp.webp | Bin 0 -> 37114 bytes
.../cycle-issues/calendar-dark.webp | Bin 0 -> 57398 bytes
.../cycle-issues/calendar-light-resp.webp | Bin 0 -> 39002 bytes
.../cycle-issues/calendar-light.webp | Bin 0 -> 60846 bytes
.../cycle-issues/gantt_chart-dark-resp.webp | Bin 0 -> 44260 bytes
.../cycle-issues/gantt_chart-dark.webp | Bin 0 -> 69388 bytes
.../cycle-issues/gantt_chart-light-resp.webp | Bin 0 -> 44350 bytes
.../cycle-issues/gantt_chart-light.webp | Bin 0 -> 75124 bytes
.../cycle-issues/kanban-dark-resp.webp | Bin 0 -> 58980 bytes
.../empty-state/cycle-issues/kanban-dark.webp | Bin 0 -> 93938 bytes
.../cycle-issues/kanban-light-resp.webp | Bin 0 -> 60980 bytes
.../cycle-issues/kanban-light.webp | Bin 0 -> 100208 bytes
.../cycle-issues/list-dark-resp.webp | Bin 0 -> 47436 bytes
.../empty-state/cycle-issues/list-dark.webp | Bin 0 -> 75056 bytes
.../cycle-issues/list-light-resp.webp | Bin 0 -> 48962 bytes
.../empty-state/cycle-issues/list-light.webp | Bin 0 -> 79588 bytes
.../cycle-issues/spreadsheet-dark-resp.webp | Bin 0 -> 50896 bytes
.../cycle-issues/spreadsheet-dark.webp | Bin 0 -> 83280 bytes
.../cycle-issues/spreadsheet-light-resp.webp | Bin 0 -> 52632 bytes
.../cycle-issues/spreadsheet-light.webp | Bin 0 -> 84346 bytes
web/public/empty-state/cycle/active-dark.webp | Bin 86822 -> 70616 bytes
.../empty-state/cycle/active-light.webp | Bin 85336 -> 71370 bytes
.../empty-state/cycle/completed-dark.webp | Bin 115836 -> 79182 bytes
.../empty-state/cycle/completed-light.webp | Bin 122164 -> 85086 bytes
web/public/empty-state/cycle/draft-dark.webp | Bin 90694 -> 67770 bytes
web/public/empty-state/cycle/draft-light.webp | Bin 89746 -> 71682 bytes
.../empty-state/cycle/upcoming-dark.webp | Bin 114386 -> 77842 bytes
.../empty-state/cycle/upcoming-light.webp | Bin 120448 -> 83712 bytes
.../draft/draft-issues-empty-dark.webp | Bin 0 -> 53896 bytes
.../draft/draft-issues-empty-light.webp | Bin 0 -> 57020 bytes
.../empty-state/draft/empty-issues-dark.webp | Bin 88868 -> 0 bytes
.../empty-state/draft/empty-issues-light.webp | Bin 91800 -> 0 bytes
.../empty-filters/calendar-dark.webp | Bin 71480 -> 64996 bytes
.../empty-filters/calendar-light.webp | Bin 69954 -> 66142 bytes
.../empty-filters/gantt_chart-dark.webp | Bin 124568 -> 71714 bytes
.../empty-filters/gantt_chart-light.webp | Bin 113886 -> 72198 bytes
.../empty-filters/kanban-dark.webp | Bin 155672 -> 98618 bytes
.../empty-filters/kanban-light.webp | Bin 152480 -> 100864 bytes
.../empty-state/empty-filters/list-dark.webp | Bin 100968 -> 79200 bytes
.../empty-state/empty-filters/list-light.webp | Bin 101478 -> 80098 bytes
.../empty-filters/spreadsheet-dark.webp | Bin 110112 -> 87120 bytes
.../empty-filters/spreadsheet-light.webp | Bin 108990 -> 87834 bytes
.../empty-state/inbox/inbox-dark-resp.webp | Bin 0 -> 53870 bytes
web/public/empty-state/inbox/inbox-dark.webp | Bin 0 -> 83136 bytes
.../empty-state/inbox/inbox-light-resp.webp | Bin 0 -> 57412 bytes
web/public/empty-state/inbox/inbox-light.webp | Bin 0 -> 86410 bytes
.../module-issues/calendar-dark-resp.webp | Bin 0 -> 36396 bytes
.../module-issues/calendar-dark.webp | Bin 0 -> 56800 bytes
.../module-issues/calendar-light-resp.webp | Bin 0 -> 38550 bytes
.../module-issues/calendar-light.webp | Bin 0 -> 64242 bytes
.../module-issues/gantt-dark-resp.webp | Bin 0 -> 43940 bytes
.../empty-state/module-issues/gantt-dark.webp | Bin 0 -> 68556 bytes
.../module-issues/gantt-light-resp.webp | Bin 0 -> 43636 bytes
.../module-issues/gantt-light.webp | Bin 0 -> 70102 bytes
.../module-issues/kanban-dark-resp.webp | Bin 0 -> 58420 bytes
.../module-issues/kanban-dark.webp | Bin 0 -> 93376 bytes
.../module-issues/kanban-light-resp.webp | Bin 0 -> 59474 bytes
.../module-issues/kanban-light.webp | Bin 0 -> 99462 bytes
.../module-issues/list-dark-resp.webp | Bin 0 -> 47000 bytes
.../empty-state/module-issues/list-dark.webp | Bin 0 -> 74544 bytes
.../module-issues/list-light-resp.webp | Bin 0 -> 48404 bytes
.../empty-state/module-issues/list-light.webp | Bin 0 -> 78682 bytes
.../module-issues/spreadsheet-dark-resp.webp | Bin 0 -> 50794 bytes
.../module-issues/spreadsheet-dark.webp | Bin 0 -> 78710 bytes
.../module-issues/spreadsheet-light-resp.webp | Bin 0 -> 51730 bytes
.../module-issues/spreadsheet-light.webp | Bin 0 -> 83500 bytes
.../onboarding/analytics-dark.webp | Bin 163430 -> 54378 bytes
.../onboarding/analytics-light.webp | Bin 161100 -> 47910 bytes
.../empty-state/onboarding/archive-dark.png | Bin 0 -> 6690 bytes
.../empty-state/onboarding/archive-light.png | Bin 0 -> 6723 bytes
.../empty-state/onboarding/cycles-dark.webp | Bin 210576 -> 71690 bytes
.../empty-state/onboarding/cycles-light.webp | Bin 214476 -> 74002 bytes
.../onboarding/dashboard-dark.webp | Bin 188458 -> 72264 bytes
.../onboarding/dashboard-light.webp | Bin 202036 -> 73042 bytes
.../empty-state/onboarding/graph-dark.png | Bin 0 -> 5298 bytes
.../empty-state/onboarding/graph-light.png | Bin 0 -> 5318 bytes
.../onboarding/issues-closed-dark.png | Bin 0 -> 5846 bytes
.../onboarding/issues-closed-light.png | Bin 0 -> 5880 bytes
.../empty-state/onboarding/issues-dark.webp | Bin 236110 -> 85274 bytes
.../empty-state/onboarding/issues-light.webp | Bin 232224 -> 88902 bytes
.../empty-state/onboarding/members-dark.png | Bin 0 -> 7225 bytes
.../empty-state/onboarding/members-light.png | Bin 0 -> 7173 bytes
.../empty-state/onboarding/modules-dark.webp | Bin 197858 -> 64280 bytes
.../empty-state/onboarding/modules-light.webp | Bin 201304 -> 67462 bytes
.../onboarding/notification-dark.png | Bin 0 -> 7720 bytes
.../onboarding/notification-light.png | Bin 0 -> 7593 bytes
.../empty-state/onboarding/pages-dark.webp | Bin 224130 -> 84448 bytes
.../empty-state/onboarding/projects-dark.webp | Bin 428456 -> 100726 bytes
.../onboarding/projects-light.webp | Bin 421842 -> 117956 bytes
.../empty-state/onboarding/search-dark.png | Bin 0 -> 8300 bytes
.../empty-state/onboarding/search-light.png | Bin 0 -> 8096 bytes
.../empty-state/onboarding/snooze-light.png | Bin 0 -> 8684 bytes
.../empty-state/onboarding/snoozed-dark.png | Bin 0 -> 9051 bytes
.../empty-state/onboarding/views-dark.webp | Bin 148458 -> 54026 bytes
.../empty-state/onboarding/views-light.webp | Bin 147940 -> 54448 bytes
.../onboarding/workspace-invites-dark.webp | Bin 0 -> 53572 bytes
.../onboarding/workspace-invites-light.webp | Bin 0 -> 65348 bytes
web/public/empty-state/pages/all-dark.webp | Bin 117818 -> 84604 bytes
web/public/empty-state/pages/all-light.webp | Bin 116354 -> 87890 bytes
.../empty-state/pages/archived-dark.webp | Bin 64248 -> 52588 bytes
.../empty-state/pages/archived-light.webp | Bin 65108 -> 54758 bytes
.../empty-state/pages/favorites-dark.webp | Bin 90010 -> 56706 bytes
.../empty-state/pages/favorites-light.webp | Bin 88906 -> 59720 bytes
.../empty-state/pages/private-dark.webp | Bin 58796 -> 47460 bytes
.../empty-state/pages/private-light.webp | Bin 57964 -> 49954 bytes
web/public/empty-state/pages/recent-dark.webp | Bin 93966 -> 71504 bytes
.../empty-state/pages/recent-light.webp | Bin 89608 -> 73432 bytes
web/public/empty-state/pages/shared-dark.webp | Bin 70690 -> 47552 bytes
.../empty-state/pages/shared-light.webp | Bin 71996 -> 50602 bytes
.../empty-state/profile/assigned-dark.webp | Bin 109858 -> 48858 bytes
.../empty-state/profile/assigned-light.webp | Bin 112016 -> 52468 bytes
.../empty-state/profile/created-dark.webp | Bin 109506 -> 48718 bytes
.../empty-state/profile/created-light.webp | Bin 111664 -> 53188 bytes
.../empty-state/profile/subscribed-dark.webp | Bin 109660 -> 48754 bytes
.../empty-state/profile/subscribed-light.webp | Bin 111800 -> 53274 bytes
.../project-settings/estimates-dark-resp.webp | Bin 0 -> 28148 bytes
.../project-settings/estimates-dark.webp | Bin 0 -> 50982 bytes
.../estimates-light-resp.webp | Bin 0 -> 33026 bytes
.../project-settings/estimates-light.webp | Bin 0 -> 55100 bytes
.../integrations-dark-resp.webp | Bin 0 -> 37980 bytes
.../project-settings/integrations-dark.webp | Bin 0 -> 66530 bytes
.../integrations-light-resp.webp | Bin 0 -> 40660 bytes
.../project-settings/integrations-light.webp | Bin 0 -> 66340 bytes
.../project-settings/labels-dark-resp.webp | Bin 0 -> 33296 bytes
.../project-settings/labels-dark.webp | Bin 0 -> 42628 bytes
.../project-settings/labels-light-resp.webp | Bin 0 -> 28552 bytes
.../project-settings/labels-light.webp | Bin 0 -> 47320 bytes
.../search/all-issue-view-dark.webp | Bin 0 -> 60420 bytes
.../search/all-issues-view-light.webp | Bin 0 -> 72366 bytes
.../empty-state/search/member-dark.webp | Bin 0 -> 61754 bytes
.../empty-state/search/member-light.webp | Bin 0 -> 74852 bytes
.../empty-state/search/project-dark.webp | Bin 0 -> 52156 bytes
.../empty-state/search/project-light.webp | Bin 0 -> 66366 bytes
.../api-tokens-dark-resp.webp | Bin 0 -> 38362 bytes
.../workspace-settings/api-tokens-dark.webp | Bin 0 -> 47030 bytes
.../api-tokens-light-resp.webp | Bin 0 -> 32154 bytes
.../workspace-settings/api-tokens-light.webp | Bin 0 -> 51692 bytes
.../workspace-settings/exports-dark-resp.webp | Bin 0 -> 44288 bytes
.../workspace-settings/exports-dark.webp | Bin 0 -> 62236 bytes
.../exports-light-resp.webp | Bin 0 -> 42258 bytes
.../workspace-settings/exports-light.webp | Bin 0 -> 67094 bytes
.../workspace-settings/imports-dark-resp.webp | Bin 0 -> 46276 bytes
.../workspace-settings/imports-dark.webp | Bin 0 -> 78010 bytes
.../imports-light-resp.webp | Bin 0 -> 51614 bytes
.../workspace-settings/imports-light.webp | Bin 0 -> 81674 bytes
.../integrations-dark-resp.webp | Bin 0 -> 37980 bytes
.../workspace-settings/integrations-dark.webp | Bin 0 -> 66530 bytes
.../integrations-light-resp.webp | Bin 0 -> 40660 bytes
.../integrations-light.webp | Bin 0 -> 66340 bytes
.../webhooks-dark-resp.webp | Bin 0 -> 40072 bytes
.../workspace-settings/webhooks-dark.webp | Bin 0 -> 54446 bytes
.../webhooks-light-resp.webp | Bin 0 -> 35966 bytes
.../workspace-settings/webhooks-light.webp | Bin 0 -> 52944 bytes
202 files changed, 658 insertions(+), 284 deletions(-)
create mode 100644 web/constants/empty-state.ts
create mode 100644 web/public/empty-state/cycle-issues/calendar-dark-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/calendar-dark.webp
create mode 100644 web/public/empty-state/cycle-issues/calendar-light-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/calendar-light.webp
create mode 100644 web/public/empty-state/cycle-issues/gantt_chart-dark-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/gantt_chart-dark.webp
create mode 100644 web/public/empty-state/cycle-issues/gantt_chart-light-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/gantt_chart-light.webp
create mode 100644 web/public/empty-state/cycle-issues/kanban-dark-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/kanban-dark.webp
create mode 100644 web/public/empty-state/cycle-issues/kanban-light-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/kanban-light.webp
create mode 100644 web/public/empty-state/cycle-issues/list-dark-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/list-dark.webp
create mode 100644 web/public/empty-state/cycle-issues/list-light-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/list-light.webp
create mode 100644 web/public/empty-state/cycle-issues/spreadsheet-dark-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/spreadsheet-dark.webp
create mode 100644 web/public/empty-state/cycle-issues/spreadsheet-light-resp.webp
create mode 100644 web/public/empty-state/cycle-issues/spreadsheet-light.webp
create mode 100644 web/public/empty-state/draft/draft-issues-empty-dark.webp
create mode 100644 web/public/empty-state/draft/draft-issues-empty-light.webp
delete mode 100644 web/public/empty-state/draft/empty-issues-dark.webp
delete mode 100644 web/public/empty-state/draft/empty-issues-light.webp
create mode 100644 web/public/empty-state/inbox/inbox-dark-resp.webp
create mode 100644 web/public/empty-state/inbox/inbox-dark.webp
create mode 100644 web/public/empty-state/inbox/inbox-light-resp.webp
create mode 100644 web/public/empty-state/inbox/inbox-light.webp
create mode 100644 web/public/empty-state/module-issues/calendar-dark-resp.webp
create mode 100644 web/public/empty-state/module-issues/calendar-dark.webp
create mode 100644 web/public/empty-state/module-issues/calendar-light-resp.webp
create mode 100644 web/public/empty-state/module-issues/calendar-light.webp
create mode 100644 web/public/empty-state/module-issues/gantt-dark-resp.webp
create mode 100644 web/public/empty-state/module-issues/gantt-dark.webp
create mode 100644 web/public/empty-state/module-issues/gantt-light-resp.webp
create mode 100644 web/public/empty-state/module-issues/gantt-light.webp
create mode 100644 web/public/empty-state/module-issues/kanban-dark-resp.webp
create mode 100644 web/public/empty-state/module-issues/kanban-dark.webp
create mode 100644 web/public/empty-state/module-issues/kanban-light-resp.webp
create mode 100644 web/public/empty-state/module-issues/kanban-light.webp
create mode 100644 web/public/empty-state/module-issues/list-dark-resp.webp
create mode 100644 web/public/empty-state/module-issues/list-dark.webp
create mode 100644 web/public/empty-state/module-issues/list-light-resp.webp
create mode 100644 web/public/empty-state/module-issues/list-light.webp
create mode 100644 web/public/empty-state/module-issues/spreadsheet-dark-resp.webp
create mode 100644 web/public/empty-state/module-issues/spreadsheet-dark.webp
create mode 100644 web/public/empty-state/module-issues/spreadsheet-light-resp.webp
create mode 100644 web/public/empty-state/module-issues/spreadsheet-light.webp
create mode 100644 web/public/empty-state/onboarding/archive-dark.png
create mode 100644 web/public/empty-state/onboarding/archive-light.png
create mode 100644 web/public/empty-state/onboarding/graph-dark.png
create mode 100644 web/public/empty-state/onboarding/graph-light.png
create mode 100644 web/public/empty-state/onboarding/issues-closed-dark.png
create mode 100644 web/public/empty-state/onboarding/issues-closed-light.png
create mode 100644 web/public/empty-state/onboarding/members-dark.png
create mode 100644 web/public/empty-state/onboarding/members-light.png
create mode 100644 web/public/empty-state/onboarding/notification-dark.png
create mode 100644 web/public/empty-state/onboarding/notification-light.png
create mode 100644 web/public/empty-state/onboarding/search-dark.png
create mode 100644 web/public/empty-state/onboarding/search-light.png
create mode 100644 web/public/empty-state/onboarding/snooze-light.png
create mode 100644 web/public/empty-state/onboarding/snoozed-dark.png
create mode 100644 web/public/empty-state/onboarding/workspace-invites-dark.webp
create mode 100644 web/public/empty-state/onboarding/workspace-invites-light.webp
create mode 100644 web/public/empty-state/project-settings/estimates-dark-resp.webp
create mode 100644 web/public/empty-state/project-settings/estimates-dark.webp
create mode 100644 web/public/empty-state/project-settings/estimates-light-resp.webp
create mode 100644 web/public/empty-state/project-settings/estimates-light.webp
create mode 100644 web/public/empty-state/project-settings/integrations-dark-resp.webp
create mode 100644 web/public/empty-state/project-settings/integrations-dark.webp
create mode 100644 web/public/empty-state/project-settings/integrations-light-resp.webp
create mode 100644 web/public/empty-state/project-settings/integrations-light.webp
create mode 100644 web/public/empty-state/project-settings/labels-dark-resp.webp
create mode 100644 web/public/empty-state/project-settings/labels-dark.webp
create mode 100644 web/public/empty-state/project-settings/labels-light-resp.webp
create mode 100644 web/public/empty-state/project-settings/labels-light.webp
create mode 100644 web/public/empty-state/search/all-issue-view-dark.webp
create mode 100644 web/public/empty-state/search/all-issues-view-light.webp
create mode 100644 web/public/empty-state/search/member-dark.webp
create mode 100644 web/public/empty-state/search/member-light.webp
create mode 100644 web/public/empty-state/search/project-dark.webp
create mode 100644 web/public/empty-state/search/project-light.webp
create mode 100644 web/public/empty-state/workspace-settings/api-tokens-dark-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/api-tokens-dark.webp
create mode 100644 web/public/empty-state/workspace-settings/api-tokens-light-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/api-tokens-light.webp
create mode 100644 web/public/empty-state/workspace-settings/exports-dark-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/exports-dark.webp
create mode 100644 web/public/empty-state/workspace-settings/exports-light-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/exports-light.webp
create mode 100644 web/public/empty-state/workspace-settings/imports-dark-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/imports-dark.webp
create mode 100644 web/public/empty-state/workspace-settings/imports-light-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/imports-light.webp
create mode 100644 web/public/empty-state/workspace-settings/integrations-dark-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/integrations-dark.webp
create mode 100644 web/public/empty-state/workspace-settings/integrations-light-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/integrations-light.webp
create mode 100644 web/public/empty-state/workspace-settings/webhooks-dark-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/webhooks-dark.webp
create mode 100644 web/public/empty-state/workspace-settings/webhooks-light-resp.webp
create mode 100644 web/public/empty-state/workspace-settings/webhooks-light.webp
diff --git a/web/components/cycles/active-cycle-details.tsx b/web/components/cycles/active-cycle-details.tsx
index 2fa79ec3a..5d4bcd768 100644
--- a/web/components/cycles/active-cycle-details.tsx
+++ b/web/components/cycles/active-cycle-details.tsx
@@ -34,7 +34,8 @@ import { ICycle, TCycleGroups } from "@plane/types";
// constants
import { EIssuesStoreType } from "constants/issue";
import { CYCLE_ISSUES_WITH_PARAMS } from "constants/fetch-keys";
-import { CYCLE_EMPTY_STATE_DETAILS, CYCLE_STATE_GROUPS_DETAILS } from "constants/cycle";
+import { CYCLE_STATE_GROUPS_DETAILS } from "constants/cycle";
+import { CYCLE_EMPTY_STATE_DETAILS } from "constants/empty-state";
interface IActiveCycleDetails {
workspaceSlug: string;
diff --git a/web/components/cycles/cycles-board.tsx b/web/components/cycles/cycles-board.tsx
index 19e7f2225..34e973614 100644
--- a/web/components/cycles/cycles-board.tsx
+++ b/web/components/cycles/cycles-board.tsx
@@ -7,7 +7,7 @@ import { useUser } from "hooks/store";
import { CyclePeekOverview, CyclesBoardCard } from "components/cycles";
import { EmptyState, getEmptyStateImagePath } from "components/empty-state";
// constants
-import { CYCLE_EMPTY_STATE_DETAILS } from "constants/cycle";
+import { CYCLE_EMPTY_STATE_DETAILS } from "constants/empty-state";
export interface ICyclesBoard {
cycleIds: string[];
diff --git a/web/components/cycles/cycles-list.tsx b/web/components/cycles/cycles-list.tsx
index 90fcdd8f9..838d88a30 100644
--- a/web/components/cycles/cycles-list.tsx
+++ b/web/components/cycles/cycles-list.tsx
@@ -9,7 +9,7 @@ import { EmptyState, getEmptyStateImagePath } from "components/empty-state";
// ui
import { Loader } from "@plane/ui";
// constants
-import { CYCLE_EMPTY_STATE_DETAILS } from "constants/cycle";
+import { CYCLE_EMPTY_STATE_DETAILS } from "constants/empty-state";
export interface ICyclesList {
cycleIds: string[];
diff --git a/web/components/estimates/estimates-list.tsx b/web/components/estimates/estimates-list.tsx
index e226e17e0..1dabc6181 100644
--- a/web/components/estimates/estimates-list.tsx
+++ b/web/components/estimates/estimates-list.tsx
@@ -1,21 +1,21 @@
import React, { useState } from "react";
import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
-import { Plus } from "lucide-react";
+import { useTheme } from "next-themes";
// store hooks
-import { useEstimate, useProject } from "hooks/store";
+import { useEstimate, useProject, useUser } from "hooks/store";
import useToast from "hooks/use-toast";
// components
import { CreateUpdateEstimateModal, DeleteEstimateModal, EstimateListItem } from "components/estimates";
+import { EmptyState, getEmptyStateImagePath } from "components/empty-state";
// ui
import { Button, Loader } from "@plane/ui";
-import { EmptyState } from "components/common";
-// images
-import emptyEstimate from "public/empty-state/estimate.svg";
// types
import { IEstimate } from "@plane/types";
// helpers
import { orderArrayBy } from "helpers/array.helper";
+// constants
+import { PROJECT_SETTINGS_EMPTY_STATE_DETAILS } from "constants/empty-state";
export const EstimatesList: React.FC = observer(() => {
// states
@@ -25,9 +25,12 @@ export const EstimatesList: React.FC = observer(() => {
// router
const router = useRouter();
const { workspaceSlug, projectId } = router.query;
+ // theme
+ const { resolvedTheme } = useTheme();
// store hooks
const { updateProject, currentProjectDetails } = useProject();
const { projectEstimates, getProjectEstimateById } = useEstimate();
+ const { currentUser } = useUser();
// toast alert
const { setToastAlert } = useToast();
@@ -55,6 +58,10 @@ export const EstimatesList: React.FC = observer(() => {
});
};
+ const emptyStateDetail = PROJECT_SETTINGS_EMPTY_STATE_DETAILS["estimate"];
+ const isLightMode = resolvedTheme ? resolvedTheme === "light" : currentUser?.theme.theme === "light";
+ const emptyStateImage = getEmptyStateImagePath("project-settings", "estimates", isLightMode);
+
return (
<>
{
))}
) : (
-
+
,
- text: "Add Estimate",
- onClick: () => {
- setEstimateFormOpen(true);
- setEstimateToUpdate(undefined);
- },
- }}
+ title={emptyStateDetail.title}
+ description={emptyStateDetail.description}
+ image={emptyStateImage}
+ size="lg"
/>
)
diff --git a/web/components/exporter/guide.tsx b/web/components/exporter/guide.tsx
index 87bf0604a..a98381ebd 100644
--- a/web/components/exporter/guide.tsx
+++ b/web/components/exporter/guide.tsx
@@ -3,15 +3,17 @@ import { useState } from "react";
import Link from "next/link";
import Image from "next/image";
import { useRouter } from "next/router";
-
+import { useTheme } from "next-themes";
import useSWR, { mutate } from "swr";
-
+import { observer } from "mobx-react-lite";
// hooks
+import { useUser } from "hooks/store";
import useUserAuth from "hooks/use-user-auth";
// services
import { IntegrationService } from "services/integrations";
// components
import { Exporter, SingleExport } from "components/exporter";
+import { EmptyState, getEmptyStateImagePath } from "components/empty-state";
// ui
import { Button, Loader } from "@plane/ui";
// icons
@@ -20,8 +22,8 @@ import { MoveLeft, MoveRight, RefreshCw } from "lucide-react";
import { EXPORT_SERVICES_LIST } from "constants/fetch-keys";
// constants
import { EXPORTERS_LIST } from "constants/workspace";
-import { observer } from "mobx-react-lite";
-import { useUser } from "hooks/store";
+
+import { WORKSPACE_SETTINGS_EMPTY_STATE_DETAILS } from "constants/empty-state";
// services
const integrationService = new IntegrationService();
@@ -34,6 +36,8 @@ const IntegrationGuide = observer(() => {
// router
const router = useRouter();
const { workspaceSlug, provider } = router.query;
+ // theme
+ const { resolvedTheme } = useTheme();
// store hooks
const { currentUser, currentUserLoader } = useUser();
// custom hooks
@@ -46,6 +50,10 @@ const IntegrationGuide = observer(() => {
: null
);
+ const emptyStateDetail = WORKSPACE_SETTINGS_EMPTY_STATE_DETAILS["export"];
+ const isLightMode = resolvedTheme ? resolvedTheme === "light" : currentUser?.theme.theme === "light";
+ const emptyStateImage = getEmptyStateImagePath("workspace-settings", "exports", isLightMode);
+
const handleCsvClose = () => {
router.replace(`/${workspaceSlug?.toString()}/settings/exports`);
};
@@ -140,7 +148,14 @@ const IntegrationGuide = observer(() => {
No previous export available.
+