touchup: hide add node buttons if readonly mode

reduces clutter in details pane
amelioro · Jul 15, 2024 · c76a336 · c76a336
1 parent 368a14d
commit c76a336
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/web/topic/components/Node/AddNodeButton.tsx b/src/web/topic/components/Node/AddNodeButton.tsx
@@ -7,6 +7,7 @@ import { useUserCanEditTopicData } from "@/web/topic/store/userHooks";
 import { Relation } from "@/web/topic/utils/edge";
 import { type RelationDirection } from "@/web/topic/utils/graph";
 import { nodeDecorations } from "@/web/topic/utils/node";
+import { useReadonlyMode } from "@/web/view/actionConfigStore";
 
 interface Props {
   fromPartId: string;
@@ -33,8 +34,9 @@ export const AddNodeButton = ({
 }: Props) => {
   const { sessionUser } = useSessionUser();
   const userCanEditTopicData = useUserCanEditTopicData(sessionUser?.username);
+  const readonlyMode = useReadonlyMode();
 
-  if (!userCanEditTopicData) return <></>;
+  if (!userCanEditTopicData || readonlyMode) return <></>;
 
   const decoration = nodeDecorations[toNodeType];