[WEB-2388] dev: workspace draft issues (#5772)

* chore: workspace draft page added

* chore: workspace draft issues services added

* chore: workspace draft issue store added

* chore: workspace draft issue filter store added

* chore: issue rendering

* conflicts: resolved merge conflicts

* conflicts: handled draft issue store

* chore: draft issue modal

* chore: code optimisation

* chore: ui changes

* chore: workspace draft store and modal updated

* chore: workspace draft issue component added

* chore: updated store and workflow in draft issues

* chore: updated issue draft store

* chore: updated issue type cleanup in components

* chore: code refactor

* fix: build error

* fix: quick actions

* fix: update mutation

* fix: create update modal

* chore: commented project draft issue code

---------

Co-authored-by: gurusainath <gurusainath007@gmail.com>
Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>

web/core/constants/dashboard.ts

@@ -2,7 +2,7 @@
 
 import { linearGradientDef } from "@nivo/core";
 // icons
-import { BarChart2, Briefcase, Home, Inbox, Layers } from "lucide-react";
+import { BarChart2, Briefcase, Home, Inbox, Layers, PenSquare } from "lucide-react";
 // types
 import { TIssuesListTypes, TStateGroups } from "@plane/types";
 // ui
@@ -329,4 +329,12 @@ export const SIDEBAR_USER_MENU_ITEMS: {
     highlight: (pathname: string, baseUrl: string) => pathname.includes(`${baseUrl}/notifications/`),
     Icon: Inbox,
   },
+  {
+    key: "drafts",
+    label: "Drafts",
+    href: `/drafts`,
+    access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER],
+    highlight: (pathname: string, baseUrl: string) => pathname.includes(`${baseUrl}/drafts/`),
+    Icon: PenSquare,
+  },
 ];

web/core/constants/empty-state.ts

@@ -105,6 +105,8 @@ export enum EmptyStateType {
   INBOX_SIDEBAR_CLOSED_TAB = "inbox-sidebar-closed-tab",
   INBOX_SIDEBAR_FILTER_EMPTY_STATE = "inbox-sidebar-filter-empty-state",
   INBOX_DETAIL_EMPTY_STATE = "inbox-detail-empty-state",
+
+  WORKSPACE_DRAFT_ISSUES = "workspace-draft-issues",
 }
 
 const emptyStateDetails = {
@@ -757,6 +759,17 @@ const emptyStateDetails = {
     title: "Select an issue to view its details.",
     path: "/empty-state/intake/issue-detail",
   },
+  [EmptyStateType.WORKSPACE_DRAFT_ISSUES]: {
+    key: EmptyStateType.WORKSPACE_DRAFT_ISSUES,
+    title: "No Draft Issues Yet",
+    description: "There are no draft issues in your workspace right now. Begin by adding your first one.",
+    path: "/empty-state/workspace-draft/issue",
+    primaryButton: {
+      text: "Create draft issue",
+    },
+    accessType: "workspace",
+    access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER],
+  },
 } as const;
 
 export const EMPTY_STATE_DETAILS: Record<EmptyStateType, EmptyStateDetails> = emptyStateDetails;

web/core/constants/issue.ts

@@ -30,6 +30,7 @@ export enum EIssuesStoreType {
   ARCHIVED = "ARCHIVED",
   DRAFT = "DRAFT",
   DEFAULT = "DEFAULT",
+  WORKSPACE_DRAFT = "WORKSPACE_DRAFT",
 }
 
 export enum EIssueLayoutTypes {

web/core/constants/workspace-drafts.ts

@@ -0,0 +1,6 @@
+export enum EDraftIssuePaginationType {
+  INIT = "INIT",
+  NEXT = "NEXT",
+  PREV = "PREV",
+  CURRENT = "CURRENT",
+}