From d08c03f557c7d74df971698da399b9b5874f7260 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 24 Jan 2025 15:23:41 +0530
Subject: [PATCH] [WEB-3203] fix: dashboard widgets' empty state content and
assets (#6450)
* fix: empty state content
* chore: replace margin with padding
---
packages/editor/src/styles/editor.css | 4 +-
.../editor/sticky-editor/editor.tsx | 4 +-
.../editor/sticky-editor/toolbar.tsx | 12 ++-
.../home/home-dashboard-widgets.tsx | 2 +-
.../home/widgets/empty-states/index.ts | 5 +-
.../home/widgets/empty-states/links.tsx | 14 ++-
.../{root.tsx => no-projects.tsx} | 73 +++++++-------
.../home/widgets/empty-states/recents.tsx | 59 ++++++------
.../home/widgets/empty-states/stickies.tsx | 12 +--
.../components/home/widgets/links/action.tsx | 2 +-
.../links/create-update-link-modal.tsx | 6 +-
.../home/widgets/links/link-detail.tsx | 89 +++++++++---------
.../components/home/widgets/links/links.tsx | 6 +-
.../components/home/widgets/links/root.tsx | 4 +-
.../components/home/widgets/recents/index.tsx | 14 +--
.../stickies/layout/stickies-list.tsx | 2 +-
web/core/constants/empty-state.tsx | 6 +-
web/core/services/workspace.service.ts | 5 +-
.../empty-state/dashboard/widgets-dark.webp | Bin 67256 -> 78084 bytes
.../stickies/stickies-search-dark.webp | Bin 71818 -> 85006 bytes
20 files changed, 157 insertions(+), 162 deletions(-)
rename web/core/components/home/widgets/empty-states/{root.tsx => no-projects.tsx} (51%)
diff --git a/packages/editor/src/styles/editor.css b/packages/editor/src/styles/editor.css
index 63dfa16ba..b7742f538 100644
--- a/packages/editor/src/styles/editor.css
+++ b/packages/editor/src/styles/editor.css
@@ -105,14 +105,14 @@ ul[data-type="taskList"] li > div {
}
ul[data-type="taskList"] li > label input[type="checkbox"] {
- border: 1px solid rgba(var(--color-border-300)) !important;
+ border: 1px solid rgba(var(--color-text-100), 0.2) !important;
outline: none;
border-radius: 2px;
transform: scale(1.05);
}
.ProseMirror[contenteditable="true"] input[type="checkbox"]:hover {
- background-color: rgba(var(--color-background-80));
+ background-color: rgba(var(--color-text-100), 0.1);
}
.ProseMirror[contenteditable="false"] input[type="checkbox"] {
diff --git a/web/core/components/editor/sticky-editor/editor.tsx b/web/core/components/editor/sticky-editor/editor.tsx
index d31090b51..cd2ae8cad 100644
--- a/web/core/components/editor/sticky-editor/editor.tsx
+++ b/web/core/components/editor/sticky-editor/editor.tsx
@@ -12,7 +12,7 @@ import { getEditorFileHandlers } from "@/helpers/editor.helper";
// plane web hooks
import { useEditorFlagging } from "@/plane-web/hooks/use-editor-flagging";
import { useFileSize } from "@/plane-web/hooks/use-file-size";
-import { Toolbar } from "./toolbar";
+import { StickyEditorToolbar } from "./toolbar";
interface StickyEditorWrapperProps
extends Omit