47 lines
1.6 KiB
TypeScript
47 lines
1.6 KiB
TypeScript
import type { EditorState } from 'lexical'
|
|
import type { NoteTheme } from './types'
|
|
import { useSetLocalStorage } from 'foxact/use-local-storage'
|
|
import { useCallback } from 'react'
|
|
import { useNodeDataUpdate, useWorkflowHistory, WorkflowHistoryEvent } from '../hooks'
|
|
import { NOTE_SHOW_AUTHOR_STORAGE_KEY } from './constants'
|
|
|
|
export const useNote = (id: string) => {
|
|
const { handleNodeDataUpdateWithSyncDraft } = useNodeDataUpdate()
|
|
const { saveStateToHistory } = useWorkflowHistory()
|
|
const setShowAuthorStorage = useSetLocalStorage<string>(NOTE_SHOW_AUTHOR_STORAGE_KEY, {
|
|
raw: true,
|
|
})
|
|
|
|
const handleThemeChange = useCallback(
|
|
(theme: NoteTheme) => {
|
|
handleNodeDataUpdateWithSyncDraft({ id, data: { theme } })
|
|
saveStateToHistory(WorkflowHistoryEvent.NoteChange, { nodeId: id })
|
|
},
|
|
[handleNodeDataUpdateWithSyncDraft, id, saveStateToHistory],
|
|
)
|
|
|
|
const handleEditorChange = useCallback(
|
|
(editorState: EditorState) => {
|
|
if (!editorState?.isEmpty())
|
|
handleNodeDataUpdateWithSyncDraft({ id, data: { text: JSON.stringify(editorState) } })
|
|
else handleNodeDataUpdateWithSyncDraft({ id, data: { text: '' } })
|
|
},
|
|
[handleNodeDataUpdateWithSyncDraft, id],
|
|
)
|
|
|
|
const handleShowAuthorChange = useCallback(
|
|
(showAuthor: boolean) => {
|
|
setShowAuthorStorage(String(showAuthor))
|
|
handleNodeDataUpdateWithSyncDraft({ id, data: { showAuthor } })
|
|
saveStateToHistory(WorkflowHistoryEvent.NoteChange, { nodeId: id })
|
|
},
|
|
[handleNodeDataUpdateWithSyncDraft, id, saveStateToHistory, setShowAuthorStorage],
|
|
)
|
|
|
|
return {
|
|
handleThemeChange,
|
|
handleEditorChange,
|
|
handleShowAuthorChange,
|
|
}
|
|
}
|