From e4d6e5e1afed03e256b7fdc4e6fca273a8f6097d Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Date: Tue, 16 Jul 2024 15:21:03 +0530 Subject: [PATCH] [WEB-1730] chore: project intake (#5140) * chore: intake icon added * chore: project inbox updated to intake in app sidebar and feature settings * chore: intake icon added * chore: project intake * chore: project intake empty state asset updated --- packages/ui/src/icons/index.ts | 1 + packages/ui/src/icons/intake.tsx | 22 ++++++++++++++++++ .../(detail)/[projectId]/inbox/header.tsx | 4 ++-- .../constants/project/settings/features.tsx | 8 +++---- web/core/components/core/activity.tsx | 7 +++--- web/core/components/inbox/root.tsx | 5 ++-- .../issue-activity/activity/actions/inbox.tsx | 8 +++++-- .../workspace/sidebar/projects-list-item.tsx | 10 ++++---- web/core/constants/empty-state.ts | 18 +++++++------- .../disabled-feature/inbox-dark.webp | Bin 60900 -> 0 bytes .../disabled-feature/inbox-light.webp | Bin 63374 -> 0 bytes .../disabled-feature/intake-dark.webp | Bin 0 -> 83506 bytes .../disabled-feature/intake-light.webp | Bin 0 -> 87120 bytes .../empty-state/inbox/filter-issue-dark.webp | Bin 39760 -> 0 bytes .../empty-state/inbox/filter-issue-light.webp | Bin 40790 -> 0 bytes .../empty-state/inbox/inbox-dark-resp.webp | Bin 53870 -> 0 bytes web/public/empty-state/inbox/inbox-dark.webp | Bin 83136 -> 0 bytes .../empty-state/inbox/inbox-issue-dark.webp | Bin 40208 -> 0 bytes .../empty-state/inbox/inbox-issue-light.webp | Bin 41402 -> 0 bytes .../empty-state/inbox/inbox-light-resp.webp | Bin 57412 -> 0 bytes web/public/empty-state/inbox/inbox-light.webp | Bin 86410 -> 0 bytes .../empty-state/intake/filter-issue-dark.webp | Bin 0 -> 46360 bytes .../intake/filter-issue-light.webp | Bin 0 -> 44474 bytes .../empty-state/intake/intake-dark-resp.webp | Bin 0 -> 54190 bytes .../empty-state/intake/intake-dark.webp | Bin 0 -> 83506 bytes .../empty-state/intake/intake-issue-dark.webp | Bin 0 -> 46760 bytes .../intake/intake-issue-light.webp | Bin 0 -> 44138 bytes .../empty-state/intake/intake-light-resp.webp | Bin 0 -> 58260 bytes .../empty-state/intake/intake-light.webp | Bin 0 -> 87120 bytes .../{inbox => intake}/issue-detail-dark.webp | Bin .../{inbox => intake}/issue-detail-light.webp | Bin 31 files changed, 56 insertions(+), 27 deletions(-) create mode 100644 packages/ui/src/icons/intake.tsx delete mode 100644 web/public/empty-state/disabled-feature/inbox-dark.webp delete mode 100644 web/public/empty-state/disabled-feature/inbox-light.webp create mode 100644 web/public/empty-state/disabled-feature/intake-dark.webp create mode 100644 web/public/empty-state/disabled-feature/intake-light.webp delete mode 100644 web/public/empty-state/inbox/filter-issue-dark.webp delete mode 100644 web/public/empty-state/inbox/filter-issue-light.webp delete mode 100644 web/public/empty-state/inbox/inbox-dark-resp.webp delete mode 100644 web/public/empty-state/inbox/inbox-dark.webp delete mode 100644 web/public/empty-state/inbox/inbox-issue-dark.webp delete mode 100644 web/public/empty-state/inbox/inbox-issue-light.webp delete mode 100644 web/public/empty-state/inbox/inbox-light-resp.webp delete mode 100644 web/public/empty-state/inbox/inbox-light.webp create mode 100644 web/public/empty-state/intake/filter-issue-dark.webp create mode 100644 web/public/empty-state/intake/filter-issue-light.webp create mode 100644 web/public/empty-state/intake/intake-dark-resp.webp create mode 100644 web/public/empty-state/intake/intake-dark.webp create mode 100644 web/public/empty-state/intake/intake-issue-dark.webp create mode 100644 web/public/empty-state/intake/intake-issue-light.webp create mode 100644 web/public/empty-state/intake/intake-light-resp.webp create mode 100644 web/public/empty-state/intake/intake-light.webp rename web/public/empty-state/{inbox => intake}/issue-detail-dark.webp (100%) rename web/public/empty-state/{inbox => intake}/issue-detail-light.webp (100%) diff --git a/packages/ui/src/icons/index.ts b/packages/ui/src/icons/index.ts index e522c25ae..31b6e7486 100644 --- a/packages/ui/src/icons/index.ts +++ b/packages/ui/src/icons/index.ts @@ -22,3 +22,4 @@ export * from "./side-panel-icon"; export * from "./transfer-icon"; export * from "./info-icon"; export * from "./dropdown-icon"; +export * from "./intake"; diff --git a/packages/ui/src/icons/intake.tsx b/packages/ui/src/icons/intake.tsx new file mode 100644 index 000000000..777197694 --- /dev/null +++ b/packages/ui/src/icons/intake.tsx @@ -0,0 +1,22 @@ +import * as React from "react"; + +import { ISvgIcons } from "./type"; + +export const Intake: React.FC = ({ className = "text-current", ...rest }) => ( + + + + + + +); diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/inbox/header.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/inbox/header.tsx index aecedb8ad..5f48e1b61 100644 --- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/inbox/header.tsx +++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/inbox/header.tsx @@ -5,7 +5,7 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { RefreshCcw } from "lucide-react"; // ui -import { Breadcrumbs, Button, LayersIcon } from "@plane/ui"; +import { Breadcrumbs, Button, Intake } from "@plane/ui"; // components import { BreadcrumbLink, Logo } from "@/components/common"; import { InboxIssueCreateEditModalRoot } from "@/components/inbox"; @@ -45,7 +45,7 @@ export const ProjectInboxHeader: FC = observer(() => { } />} + link={} />} /> diff --git a/web/ce/constants/project/settings/features.tsx b/web/ce/constants/project/settings/features.tsx index 609c0f02f..61976bb60 100644 --- a/web/ce/constants/project/settings/features.tsx +++ b/web/ce/constants/project/settings/features.tsx @@ -1,6 +1,6 @@ import { ReactNode } from "react"; -import { FileText, Inbox, Timer } from "lucide-react"; -import { ContrastIcon, DiceIcon, PhotoFilterIcon } from "@plane/ui"; +import { FileText, Timer } from "lucide-react"; +import { ContrastIcon, DiceIcon, PhotoFilterIcon, Intake } from "@plane/ui"; export type TFeatureList = { [key: string]: { @@ -58,9 +58,9 @@ export const PROJECT_FEATURES_LIST: TProjectFeatures = { }, inbox: { property: "inbox_view", - title: "Inbox", + title: "Intake", description: "Capture external inputs, move valid issues to workflow.", - icon: , + icon: , isPro: false, isEnabled: true, }, diff --git a/web/core/components/core/activity.tsx b/web/core/components/core/activity.tsx index cc06d701a..e456dcee6 100644 --- a/web/core/components/core/activity.tsx +++ b/web/core/components/core/activity.tsx @@ -19,10 +19,9 @@ import { SignalMediumIcon, MessageSquareIcon, UsersIcon, - Inbox, } from "lucide-react"; import { IIssueActivity } from "@plane/types"; -import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon } from "@plane/ui"; +import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon, Intake } from "@plane/ui"; // helpers import { renderFormattedDate } from "@/helpers/date-time.helper"; import { capitalizeFirstLetter } from "@/helpers/string.helper"; @@ -710,10 +709,10 @@ const activityDetails: { )} - {activity.verb === "2" && ` from inbox by marking a duplicate issue.`} + {activity.verb === "2" && ` from intake by marking a duplicate issue.`} ), - icon: