Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2025-12-22 14:49:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: new empty state ui (#2923)

Browse Source
This commit is contained in:
sabith-tu
2023-11-28 18:47:52 +05:30
committed by sriram veeraghanta
parent d2a3d00e82
commit e16e468b8f
15 changed files with 252 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/components/modules/modules-list-view.tsx
View File

@@ -11,7 +11,8 @@ import { EmptyState } from "components/common";
// ui
import { Loader } from "@plane/ui";
// assets
import emptyModule from "public/empty-state/module.svg";
import emptyModule from "public/empty-state/empty_modules.webp";
import { NewEmptyState } from "components/common/new-empty-state";
export const ModulesListView: React.FC = observer(() => {
const router = useRouter();
@@ -78,13 +79,19 @@ export const ModulesListView: React.FC = observer(() => {
{modulesView === "gantt_chart" && <ModulesListGanttChartView />}
</>
) : (
<EmptyState
title="Manage your project with modules"
description="Modules are smaller, focused projects that help you group and organize issues."
<NewEmptyState
title="Map your project milestones to Modules and track aggregated work easily."
description="A group of issues that belong to a logical, hierarchical parent form a module. Think of them as a way to track work by project milestones. They have their own periods and deadlines as well as analytics to help you see how close or far you are from a milestone."
image={emptyModule}
comicBox={{
title: "Modules help group work by hierarchy.",
direction: "right",
description:
"A cart module, a chassis module, and a warehouse module are all good example of this grouping.",
}}
primaryButton={{
icon: <Plus className="h-4 w-4" />,
text: "New Module",
text: "Build your first module",
onClick: () => commandPaletteStore.toggleCreateModuleModal(true),
}}
/>