starred/linsa-linsa-io
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-04-26 02:08:40 +02:00
Code Issues 2 Packages Projects Releases Wiki Activity

feat: delete page (#130)

Browse Source
This commit is contained in:
Aslam
2024-09-04 06:05:32 +07:00
committed by GitHub
parent a3913baff9
commit 9c559ccf9a
2 changed files with 74 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/routes/page/detail/header.tsx
View File

@@ -5,8 +5,10 @@ import { ContentHeader, SidebarToggleButton } from "@/components/custom/content-
import { PersonalPage } from "@/lib/schema/personal-page"
import { useMedia } from "react-use"
import { TopicSelector } from "@/components/custom/topic-selector"
import { Button } from "@/components/ui/button"
import { LaIcon } from "@/components/custom/la-icon"
export const DetailPageHeader = ({ page }: { page: PersonalPage }) => {
export const DetailPageHeader = ({ page, handleDelete }: { page: PersonalPage; handleDelete: () => void }) => {
const isMobile = useMedia("(max-width: 770px)")
return (
@@ -18,7 +20,7 @@ export const DetailPageHeader = ({ page }: { page: PersonalPage }) => {
</div>
</ContentHeader>
<div className="flex flex-row items-start justify-between border-b px-6 py-2 max-lg:pl-4">
<div className="flex flex-row items-start gap-1.5 border-b px-6 py-2 max-lg:pl-4">
<TopicSelector
value={page.topic?.name}
onTopicChange={topic => {
@@ -26,7 +28,12 @@ export const DetailPageHeader = ({ page }: { page: PersonalPage }) => {
page.updatedAt = new Date()
}}
align="start"
variant="outline"
/>
<Button size="sm" variant="outline" onClick={handleDelete}>
<LaIcon name="Trash" className="mr-2 size-3.5" />
Delete
</Button>
</div>
</>
)