diff --git a/apps/app/components/pages/single-page-block.tsx b/apps/app/components/pages/single-page-block.tsx index 7e10138a2..48155fc0f 100644 --- a/apps/app/components/pages/single-page-block.tsx +++ b/apps/app/components/pages/single-page-block.tsx @@ -24,7 +24,6 @@ import { ArrowPathIcon } from "@heroicons/react/20/solid"; import { BoltIcon, CheckIcon, - CursorArrowRaysIcon, SparklesIcon, } from "@heroicons/react/24/outline"; // helpers @@ -244,7 +243,7 @@ export const SinglePageBlock: React.FC = ({ block, projectDetails }) => { description_html: watch("description_html"), }} /> -
+
= (props) => { workspaceSlug && projectId && pageId ? PAGE_DETAILS(pageId as string) : null, workspaceSlug && projectId ? () => - pagesService.getPageDetails( - workspaceSlug as string, - projectId as string, - pageId as string - ) + pagesService.getPageDetails( + workspaceSlug as string, + projectId as string, + pageId as string + ) : null ); @@ -77,11 +77,11 @@ const SinglePage: NextPage = (props) => { workspaceSlug && projectId && pageId ? PAGE_BLOCKS_LIST(pageId as string) : null, workspaceSlug && projectId ? () => - pagesService.listPageBlocks( - workspaceSlug as string, - projectId as string, - pageId as string - ) + pagesService.listPageBlocks( + workspaceSlug as string, + projectId as string, + pageId as string + ) : null ); @@ -272,9 +272,8 @@ const SinglePage: NextPage = (props) => { key={label.id} className="group flex items-center gap-1 rounded-2xl border px-2 py-0.5 text-xs" style={{ - backgroundColor: `${ - label?.color && label.color !== "" ? label.color : "#000000" - }20`, + backgroundColor: `${label?.color && label.color !== "" ? label.color : "#000000" + }20`, }} > = (props) => { <> {watch("color") && watch("color") !== "" ? ( = (props) => { {pageBlocks ? ( <> {pageBlocks.length !== 0 && ( -
- {pageBlocks.map((block) => ( - +
+ {pageBlocks.map((block, index) => ( + <> + + ))}
)}