Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
1.8 kB · 46 lines
TSX
at perf/paste
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647import { useEditorStates } from "src/state/useEditorState";import { useUIState } from "src/useUIState";import { useEntity } from "src/replicache";import { useEntitySetContext } from "components/EntitySetProvider";import { startCommentDraft } from "components/Comments/commentDraftActions";import { useCommentSheetStore } from "components/Comments/commentStores";import { CommentTiny } from "components/Icons/CommentTiny";import { ToolbarButton } from ".";
export function CommentButton() { let { permissions } = useEntitySetContext(); let focusedBlock = useUIState((s) => s.focusedEntity); let pageID = focusedBlock?.entityType === "block" ? focusedBlock.parent : null; let pageType = useEntity(pageID, "page/type")?.data.value || "doc";
// Commenting is a write interaction; hide the affordance without write access if (!permissions.write) return null;
// Starting a draft while signed out shows a log in / link prompt in // place of the composer return ( <ToolbarButton tooltipContent={"Add Comment"} onClick={(e) => { e.preventDefault(); if (!focusedBlock || focusedBlock.entityType !== "block") return; let editorState = useEditorStates.getState().editorStates[focusedBlock.entityID]; if (!editorState?.view) return; startCommentDraft( editorState.view, focusedBlock.entityID, focusedBlock.parent, ); // Where there's no side column (mobile, canvas), draft in the sheet let isDesktop = window.matchMedia("(min-width: 1280px)").matches; if (!isDesktop || pageType === "canvas") { useCommentSheetStore.getState().openSheet(focusedBlock.parent); } }} > <CommentTiny className="w-6 h-6 p-0.5" /> </ToolbarButton> );}