diff --git a/web/components/project/card-list.tsx b/web/components/project/card-list.tsx index f364be084..cb7aece1e 100644 --- a/web/components/project/card-list.tsx +++ b/web/components/project/card-list.tsx @@ -4,10 +4,10 @@ import { observer } from "mobx-react-lite"; import { useMobxStore } from "lib/mobx/store-provider"; // components import { ProjectCard } from "components/project"; -import { EmptyState } from "components/common"; +import { EmptyState } from "components/project/empty-state"; import { Loader } from "@plane/ui"; // images -import emptyProject from "public/empty-state/project.svg"; +import emptyProject from "public/empty-state/Project_full_screen.svg"; // icons import { Plus } from "lucide-react"; @@ -52,11 +52,11 @@ export const ProjectCardList: FC = observer((props) => { ) : ( , - text: "New Project", + text: "Start something new", onClick: () => commandPaletteStore.toggleCreateProjectModal(true), }} /> diff --git a/web/components/project/empty-state.tsx b/web/components/project/empty-state.tsx new file mode 100644 index 000000000..359cb31da --- /dev/null +++ b/web/components/project/empty-state.tsx @@ -0,0 +1,52 @@ +import React from "react"; + +import Image from "next/image"; + +// ui +import { Button } from "@plane/ui"; + +type Props = { + title: string; + description?: React.ReactNode; + image: any; + primaryButton?: { + icon?: any; + text: string; + onClick: () => void; + }; + secondaryButton?: React.ReactNode; + disabled?: boolean; +}; + +export const EmptyState: React.FC = ({ + title, + description, + image, + primaryButton, + secondaryButton, + disabled = false, +}) => ( +
+
+ {primaryButton?.text} +
+
+
{title}
+ {description &&

{description}

} +
+ {primaryButton && ( + + )} + {secondaryButton} +
+
+
+); diff --git a/web/public/empty-state/Project_full_screen.svg b/web/public/empty-state/Project_full_screen.svg new file mode 100644 index 000000000..ce3738507 --- /dev/null +++ b/web/public/empty-state/Project_full_screen.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +