diff --git a/apps/app/components/core/issues-view.tsx b/apps/app/components/core/issues-view.tsx index 785aa5b4f..3477f13c1 100644 --- a/apps/app/components/core/issues-view.tsx +++ b/apps/app/components/core/issues-view.tsx @@ -32,11 +32,10 @@ import { RectangleStackIcon, TrashIcon, } from "@heroicons/react/24/outline"; -import { ExclamationIcon, TransferIcon } from "components/icons"; // helpers import { getStatesList } from "helpers/state.helper"; // types -import { IIssue, IIssueFilterOptions, UserAuth } from "types"; +import { IIssue, IIssueFilterOptions } from "types"; // fetch-keys import { CYCLE_DETAILS, @@ -47,7 +46,7 @@ import { STATE_LIST, } from "constants/fetch-keys"; // image -import emptyCycle from "public/empty-state/empty-cycle.svg"; +import emptyIssue from "public/empty-state/empty-issue.svg"; import { orderArrayBy } from "helpers/array.helper"; type Props = { @@ -525,13 +524,46 @@ export const IssuesView: React.FC = ({ )} - ) : ( + ) : type === "issue" ? ( + ) : ( +
+ + + Use 
C
shortcut to + create a new issue + + } + Icon={PlusIcon} + action={() => { + const e = new KeyboardEvent("keydown", { + key: "c", + }); + document.dispatchEvent(e); + }} + /> + {openIssuesListModal && ( + + )} + +
) ) : (
diff --git a/apps/app/public/empty-state/empty-issue.svg b/apps/app/public/empty-state/empty-issue.svg index 2b917e3a9..bb5f3e270 100644 --- a/apps/app/public/empty-state/empty-issue.svg +++ b/apps/app/public/empty-state/empty-issue.svg @@ -1,56 +1,62 @@ - - - - - + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - - - + + - + - + - - + + - + - + - - + +