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

create page

Browse Source
This commit is contained in:
marshennikovaolga
2024-08-11 14:58:37 +03:00
parent 2ed82a770a
commit 6fd030a313
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/custom/sidebar/partial/page-section.tsx
View File

@@ -81,7 +81,7 @@ const CreatePageForm: React.FC = () => {
route.push(`/pages/${newPersonalPage.id}`) route.push(`/pages/${newPersonalPage.id}`)
toast.success("Page created successfully") // toast.success("Page created successfully")
} catch (error) { } catch (error) {
console.error(error) console.error(error)
toast.error("Failed to create page") toast.error("Failed to create page")

12
web/components/routes/page/detail/wrapper.tsx
View File

@@ -2,7 +2,7 @@
import React, { useCallback, useRef, useEffect } from "react" import React, { useCallback, useRef, useEffect } from "react"
import { LAEditor, LAEditorRef } from "@/components/la-editor" import { LAEditor, LAEditorRef } from "@/components/la-editor"
import { DetailPageHeader } from "./header" // import { DetailPageHeader } from "./header" //dont need. check figma
import { ID } from "jazz-tools" import { ID } from "jazz-tools"
import { PersonalPage } from "@/lib/schema/personal-page" import { PersonalPage } from "@/lib/schema/personal-page"
import { Content, EditorContent, useEditor } from "@tiptap/react" import { Content, EditorContent, useEditor } from "@tiptap/react"
@@ -25,7 +25,7 @@ export function DetailPageWrapper({ pageId }: { pageId: string }) {
<div className="flex flex-row"> <div className="flex flex-row">
<div className="flex h-full w-full"> <div className="flex h-full w-full">
<div className="relative flex min-w-0 grow basis-[760px] flex-col"> <div className="relative flex min-w-0 grow basis-[760px] flex-col">
<DetailPageHeader pageId={pageId as ID<PersonalPage>} /> {/* <DetailPageHeader pageId={pageId as ID<PersonalPage>} /> */}
<DetailPageForm page={page} /> <DetailPageForm page={page} />
</div> </div>
</div> </div>
@@ -59,8 +59,11 @@ const DetailPageForm = ({ page }: { page: PersonalPage }) => {
const personalPages = me.root?.personalPages?.toJSON() || [] const personalPages = me.root?.personalPages?.toJSON() || []
const slug = generateUniqueSlug(personalPages, page.slug) const slug = generateUniqueSlug(personalPages, page.slug)
page.title = newTitle const capitalizedTitle = newTitle.charAt(0).toUpperCase() + newTitle.slice(1)
page.title = capitalizedTitle
page.slug = slug page.slug = slug
editor.commands.setContent(capitalizedTitle)
} }
const handleTitleKeyDown = useCallback((view: EditorView, event: KeyboardEvent) => { const handleTitleKeyDown = useCallback((view: EditorView, event: KeyboardEvent) => {
@@ -140,7 +143,8 @@ const DetailPageForm = ({ page }: { page: PersonalPage }) => {
handleKeyDown: handleTitleKeyDown handleKeyDown: handleTitleKeyDown
}, },
onCreate: ({ editor }) => { onCreate: ({ editor }) => {
editor.commands.setContent(`<p>${page.title}</p>`) const capitalizedTitle = page.title.charAt(0).toUpperCase() + page.title.slice(1)
editor.commands.setContent(`<p>${capitalizedTitle}</p>`)
}, },
onBlur: ({ editor }) => handleTitleBlur(editor) onBlur: ({ editor }) => handleTitleBlur(editor)
}) })