mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
184db0156c
* chore: remove `add link` button for guests & viewer in modules sidebar. * chore: remove `+` (add view) icon for guests & viewer in `All Issues`. * chore: remove `Start Project` button from Dashboard & Projects empty state for guests & viewers. * chore: project level user role validation for empty states.
85 lines
3.0 KiB
TypeScript
85 lines
3.0 KiB
TypeScript
import React, { FC } from "react";
|
||
import { observer } from "mobx-react-lite";
|
||
import { Plus } from "lucide-react";
|
||
// mobx store
|
||
import { useMobxStore } from "lib/mobx/store-provider";
|
||
// components
|
||
import { PagesListView } from "components/pages/pages-list";
|
||
import { NewEmptyState } from "components/common/new-empty-state";
|
||
// ui
|
||
import { Loader } from "@plane/ui";
|
||
// assets
|
||
import emptyPage from "public/empty-state/empty_page.png";
|
||
// helpers
|
||
import { replaceUnderscoreIfSnakeCase } from "helpers/string.helper";
|
||
// constants
|
||
import { EUserWorkspaceRoles } from "constants/workspace";
|
||
|
||
export const RecentPagesList: FC = observer(() => {
|
||
// store
|
||
const {
|
||
commandPalette: commandPaletteStore,
|
||
page: { recentProjectPages },
|
||
user: { currentProjectRole },
|
||
} = useMobxStore();
|
||
|
||
const isEmpty = recentProjectPages && Object.values(recentProjectPages).every((value) => value.length === 0);
|
||
|
||
const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserWorkspaceRoles.MEMBER;
|
||
|
||
if (!recentProjectPages) {
|
||
return (
|
||
<Loader className="space-y-4">
|
||
<Loader.Item height="40px" />
|
||
<Loader.Item height="40px" />
|
||
<Loader.Item height="40px" />
|
||
</Loader>
|
||
);
|
||
}
|
||
|
||
return (
|
||
<>
|
||
{Object.keys(recentProjectPages).length > 0 && !isEmpty ? (
|
||
<>
|
||
{Object.keys(recentProjectPages).map((key) => {
|
||
if (recentProjectPages[key]?.length === 0) return null;
|
||
|
||
return (
|
||
<div key={key}>
|
||
<h2 className="sticky top-0 z-[1] mb-2 bg-custom-background-100 text-xl font-semibold capitalize">
|
||
{replaceUnderscoreIfSnakeCase(key)}
|
||
</h2>
|
||
<PagesListView pages={recentProjectPages[key]} />
|
||
</div>
|
||
);
|
||
})}
|
||
</>
|
||
) : (
|
||
<>
|
||
<NewEmptyState
|
||
title="Write a note, a doc, or a full knowledge base. Get Galileo, Plane’s AI assistant, to help you get started."
|
||
description="Pages are thoughtspotting space in Plane. Take down meeting notes, format them easily, embed issues, lay them out using a library of components, and keep them all in your project’s context. To make short work of any doc, invoke Galileo, Plane’s AI, with a shortcut or the click of a button."
|
||
image={emptyPage}
|
||
comicBox={{
|
||
title: "A page can be a doc or a doc of docs.",
|
||
description:
|
||
"We wrote Parth and Meera’s love story. You could write your project’s mission, goals, and eventual vision.",
|
||
direction: "right",
|
||
}}
|
||
primaryButton={
|
||
isEditingAllowed
|
||
? {
|
||
icon: <Plus className="h-4 w-4" />,
|
||
text: "Create your first page",
|
||
onClick: () => commandPaletteStore.toggleCreatePageModal(true),
|
||
}
|
||
: null
|
||
}
|
||
disabled={!isEditingAllowed}
|
||
/>
|
||
</>
|
||
)}
|
||
</>
|
||
);
|
||
});
|