plane/web/components/pages/pages-list/all-pages-list.tsx
2024-03-19 20:08:35 +05:30

25 lines
708 B
TypeScript

import { FC } from "react";
import { observer } from "mobx-react-lite";
// hooks
import { Loader } from "@plane/ui";
import { PagesListView } from "@/components/pages/pages-list";
// ui
import { useProjectPages } from "@/hooks/store/use-project-specific-pages";
export const AllPagesList: FC = observer(() => {
const pageStores = useProjectPages();
// subscribing to the projectPageStore
const { projectPageIds } = pageStores;
if (!projectPageIds) {
return (
<Loader className="space-y-4">
<Loader.Item height="40px" />
<Loader.Item height="40px" />
<Loader.Item height="40px" />
</Loader>
);
}
return <PagesListView pageIds={projectPageIds} />;
});