discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Improve draft saving process in EditView

Browse Source
This commit is contained in:
ilya-bkv 2024-03-07 15:13:52 +03:00
parent bf9f0d9c7b
commit 2280a776b3
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Views/EditView/EditView.tsx
View File

@ -64,10 +64,11 @@ export const EditView = (props: Props) => {
getDraftFromLocalStorage, getDraftFromLocalStorage,
} = useEditorContext() } = useEditorContext()
const shoutTopics = props.shout.topics || [] const shoutTopics = props.shout.topics || []
const draft = getDraftFromLocalStorage(props.shout.id)
// TODO: проверить сохранение черновика в local storage (не работает)
const draft = getDraftFromLocalStorage(props.shout.id)
if (draft) { if (draft) {
setForm(draft) setForm(Object.keys(draft).length !== 0 ? draft : { shoutId: props.shout.id });
} else { } else {
setForm({ setForm({
slug: props.shout.slug, slug: props.shout.slug,
@ -179,6 +180,7 @@ export const EditView = (props: Props) => {
let autoSaveTimeOutId: number | string | NodeJS.Timeout let autoSaveTimeOutId: number | string | NodeJS.Timeout
//TODO: add throttle
const autoSaveRecursive = () => { const autoSaveRecursive = () => {
autoSaveTimeOutId = setTimeout(async () => { autoSaveTimeOutId = setTimeout(async () => {
const hasChanges = !deepEqual(form, prevForm) const hasChanges = !deepEqual(form, prevForm)

2
src/context/editor.tsx
View File

@ -184,8 +184,10 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
} }
const saveDraft = async (draftForm: ShoutForm) => { const saveDraft = async (draftForm: ShoutForm) => {
console.log("!!! draftForm:", draftForm);
const { error } = await updateShout(draftForm, { publish: false }) const { error } = await updateShout(draftForm, { publish: false })
if (error) { if (error) {
console.log("!!! error:", error);
snackbar?.showSnackbar({ type: 'error', body: localize?.t(error) || '' }) snackbar?.showSnackbar({ type: 'error', body: localize?.t(error) || '' })
return return
} }