kopia lustrzana https://github.com/Tldraw/Tldraw
25 wiersze
758 B
TypeScript
25 wiersze
758 B
TypeScript
import { useEditor } from '@tldraw/editor'
|
|
import { useEffect } from 'react'
|
|
import { useToasts } from '../context/toasts'
|
|
|
|
/** @internal */
|
|
export function useEditorEvents() {
|
|
const editor = useEditor()
|
|
const { addToast } = useToasts()
|
|
|
|
useEffect(() => {
|
|
function handleMaxShapes({ name, count }: { name: string; pageId: string; count: number }) {
|
|
addToast({
|
|
title: 'Maximum Shapes Reached',
|
|
description: `You've reached the maximum number of shapes allowed on ${name} (${count}). Please delete some shapes or move to a different page to continue.`,
|
|
severity: 'warning',
|
|
})
|
|
}
|
|
|
|
editor.addListener('max-shapes', handleMaxShapes)
|
|
return () => {
|
|
editor.removeListener('max-shapes', handleMaxShapes)
|
|
}
|
|
}, [editor, addToast])
|
|
}
|