github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-25 03:06:31 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix: use callback hook in checkbox editor component to cache function

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-04-08 19:35:20 +02:00
parent 37e1482c46
commit 7f20da0510
1 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/extensions/extra-integrations/task-list/set-checkbox-in-cheatsheet.tsx
View file

@ -10,14 +10,18 @@ import type { TaskCheckedEventPayload } from './event-emitting-task-list-checkbo
import { findCheckBox } from './find-check-box'
import { TaskListCheckboxAppExtension } from './task-list-checkbox-app-extension'
import type React from 'react'
import { useCallback } from 'react'
/**
* Receives task-checkbox-change events and modify the current editor content.
*/
export const SetCheckboxInCheatsheet: React.FC<CheatsheetExtensionComponentProps> = ({ setContent }) => {
useExtensionEventEmitterHandler(TaskListCheckboxAppExtension.EVENT_NAME, (event: TaskCheckedEventPayload) => {
setContent((previousContent) => {
return findCheckBox(previousContent, event.lineInMarkdown)
useExtensionEventEmitterHandler(
TaskListCheckboxAppExtension.EVENT_NAME,
useCallback(
(event: TaskCheckedEventPayload) => {
setContent((previousContent) =>
findCheckBox(previousContent, event.lineInMarkdown)
.map(
([startIndex, endIndex]) =>
previousContent.slice(0, startIndex) +
@ -25,7 +29,10 @@ export const SetCheckboxInCheatsheet: React.FC<CheatsheetExtensionComponentProps
previousContent.slice(endIndex)
)
.orElse(previousContent)
})
})
)
},
[setContent]
)
)
return null
}