From 4e9715a5b230f41399c94dc4cacb1543c14b5739 Mon Sep 17 00:00:00 2001
From: kunalv17 <116634168+kunalv17@users.noreply.github.com>
Date: Wed, 29 Mar 2023 18:36:52 +0530
Subject: [PATCH] style: added divider to the pages block (#571)

* style: added hr to the pages block

* style: added divider and removed hr

* chore: removed index prop

* chore: removed index
---
 .../components/pages/single-page-block.tsx    |  3 +-
 .../projects/[projectId]/pages/[pageId].tsx   | 46 +++++++++----------
 2 files changed, 24 insertions(+), 25 deletions(-)

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<Props> = ({ block, projectDetails }) => {
           description_html: watch("description_html"),
         }}
       />
-      <div className="-mx-3 -mt-2 flex items-center justify-between gap-2">
+      <div className="-mx-3 mt-4 flex items-center justify-between gap-2">
         <Input
           id="name"
           name="name"
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
index 0788955e3..fff14ef06 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
@@ -65,11 +65,11 @@ const SinglePage: NextPage<UserAuth> = (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<UserAuth> = (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<UserAuth> = (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`,
                         }}
                       >
                         <span
@@ -342,9 +341,8 @@ const SinglePage: NextPage<UserAuth> = (props) => {
                     <>
                       <Popover.Button
                         type="button"
-                        className={`group inline-flex items-center outline-none ${
-                          open ? "text-gray-900" : "text-gray-500"
-                        }`}
+                        className={`group inline-flex items-center outline-none ${open ? "text-gray-900" : "text-gray-500"
+                          }`}
                       >
                         {watch("color") && watch("color") !== "" ? (
                           <span
@@ -406,13 +404,15 @@ const SinglePage: NextPage<UserAuth> = (props) => {
             {pageBlocks ? (
               <>
                 {pageBlocks.length !== 0 && (
-                  <div className="space-y-4">
-                    {pageBlocks.map((block) => (
-                      <SinglePageBlock
-                        key={block.id}
-                        block={block}
-                        projectDetails={projectDetails}
-                      />
+                  <div className="space-y-4 divide-y">
+                    {pageBlocks.map((block, index) => (
+                      <>
+                        <SinglePageBlock
+                          key={block.id}
+                          block={block}
+                          projectDetails={projectDetails}
+                        />
+                      </>
                     ))}
                   </div>
                 )}