binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: added divider to the pages block (#571)

Browse source 
* style: added hr to the pages block

* style: added divider and removed hr

* chore: removed index prop

* chore: removed index
This commit is contained in:
kunalv17 2023-03-29 18:36:52 +05:30 • committed by GitHub
parent 10657d4796
commit 4e9715a5b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

46
apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
View file

@ -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>
)}