starred/archived-linsa
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-01-12 12:20:23 +01:00
Code Issues 2 Packages Projects Releases Wiki Activity

fix: topic selector (#129)

Browse Source 
* feat: add jazz globa group cons

* chore: remove topic selector atom

* chore: use jazz from constant

* chore: remove delete model and add new topic selector

* chore: use jazz group id form constant in search component

* chore: use jazz group id form constant in public home route

* fix: topic selector in link

* fix: topic section in detail topic

* chore: update la editor

* chore: content header tweak class

* chore: add btn variant to topic selector

* refactor: tweak border for link header

* chore: page header

* fix: page detail route
This commit is contained in:
Aslam
2024-09-04 05:32:37 +07:00
committed by GitHub
parent e383381ffc
commit a3913baff9
21 changed files with 573 additions and 437 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,24 +2,33 @@
import * as React from "react"
import { ContentHeader, SidebarToggleButton } from "@/components/custom/content-header"
import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage } from "@/components/ui/breadcrumb"
import { PersonalPage } from "@/lib/schema/personal-page"
import { ID } from "jazz-tools"
import { useMedia } from "react-use"
import { TopicSelector } from "@/components/custom/topic-selector"
export const DetailPageHeader = ({ page }: { page: PersonalPage }) => {
const isMobile = useMedia("(max-width: 770px)")
export const DetailPageHeader = ({ pageId }: { pageId: ID<PersonalPage> }) => {
return (
<ContentHeader>
<div className="flex min-w-0 gap-2">
<SidebarToggleButton />
isMobile && (
<>
<ContentHeader className="lg:min-h-0">
<div className="flex min-w-0 gap-2">
<SidebarToggleButton />
</div>
</ContentHeader>
<Breadcrumb className="flex flex-row items-center">
<BreadcrumbList className="sm:gap-2">
<BreadcrumbItem>
<BreadcrumbPage className="text-foreground font-medium">Pages</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</div>
</ContentHeader>
<div className="flex flex-row items-start justify-between border-b px-6 py-2 max-lg:pl-4">
<TopicSelector
value={page.topic?.name}
onTopicChange={topic => {
page.topic = topic
page.updatedAt = new Date()
}}
align="start"
/>
</div>
</>
)
)
}