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