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 { EmptyState } from "components/common"; // ui import { Loader } from "@plane/ui"; // assets import emptyPage from "public/empty-state/page.svg"; // helpers import { replaceUnderscoreIfSnakeCase } from "helpers/string.helper"; export const RecentPagesList: FC = observer(() => { // store const { commandPalette: commandPaletteStore, page: { recentProjectPages }, } = useMobxStore(); const isEmpty = recentProjectPages && Object.values(recentProjectPages).every((value) => value.length === 0); if (!recentProjectPages) { return ( ); } return ( <> {Object.keys(recentProjectPages).length > 0 && !isEmpty ? ( <> {Object.keys(recentProjectPages).map((key) => { if (recentProjectPages[key]?.length === 0) return null; return (

{replaceUnderscoreIfSnakeCase(key)}

); })} ) : ( <> , text: "New Page", onClick: () => commandPaletteStore.toggleCreatePageModal(true), }} /> )} ); });