thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/app/components/pages/single-page-block.tsx
View File

@ -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"

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