a774ac673a
Some checks failed
Deploy analytics worker / Deploy analytics worker to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
i18n upload strings / Upload latest strings (push) Failing after 1s
Deploy bemo / Deploy bemo to ${{ (github.ref == 'refs/heads/bemo-production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
Deploy grafana resources / ${{ github.event_name == 'push' && 'Deploy grafana resources' || 'Validate grafana resources (dry run)' }} (push) Failing after 0s
End to end tests (dotcom) / Check for relevant changes (push) Failing after 0s
End to end tests (examples) / Check for relevant changes (push) Failing after 0s
End to end tests (mermaid readability) / Check for relevant changes (push) Failing after 1s
End to end tests (perf) / Check for relevant changes (push) Failing after 0s
Publish editor extensions / Publish editor extensions (push) Failing after 1s
Publish SDK packages / Remove the publish-packages label (push) Has been skipped
Checks / Tests & checks (push) Has been cancelled
Checks / Build all projects (push) Has been cancelled
Deploy templates / Deploy templates (push) Has been cancelled
End to end tests (dotcom) / End to end tests (dotcom) (push) Has been cancelled
End to end tests (mermaid readability) / End to end tests (mermaid readability) (push) Has been cancelled
End to end tests (perf) / End to end tests (perf) (push) Has been cancelled
Deploy .com / Deploy dotcom to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Has been cancelled
End to end tests (examples) / End to end tests (examples) (push) Has been cancelled
Publish SDK packages / Publish SDK packages (push) Has been cancelled
Publish SDK packages / Tell user released version (push) Has been cancelled
Publish SDK packages / Publishes code templates to separate repositories (push) Has been cancelled
Publish SDK packages / Deploys the template demos with the new SDK version (push) Has been cancelled
25 lines
854 B
TypeScript
25 lines
854 B
TypeScript
import { TldrawUiMenuCheckboxItem, useEditor, useValue } from 'tldraw'
|
|
import { commentsHidden, toggleCommentsHidden } from './state'
|
|
|
|
/**
|
|
* A checkbox menu item for a "View" menu that shows/hides comment pins on the canvas — checked
|
|
* when comments are visible, like tldraw's own grid/snap toggles. Reads and toggles the shared
|
|
* {@link commentsHidden} signal, so it stays in sync with the Shift+C shortcut and the sidebar
|
|
* control. Drop it into whichever menu your app owns.
|
|
* @public @react
|
|
*/
|
|
export function CommentsMenuItem() {
|
|
const editor = useEditor()
|
|
const hidden = useValue('comments hidden', () => commentsHidden.get(editor), [editor])
|
|
return (
|
|
<TldrawUiMenuCheckboxItem
|
|
id="comments-visible"
|
|
label="comments.title"
|
|
kbd="!c"
|
|
readonlyOk
|
|
checked={!hidden}
|
|
onSelect={() => toggleCommentsHidden(editor)}
|
|
/>
|
|
)
|
|
}
|