pass initialValue instead of defaultvalue

Author: sid597

apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx

@@ -97,7 +97,7 @@ const DiscourseNodeCanvasSettings = ({ nodeType, uid }: { nodeType: string; uid:
         title="Key Image"
         description="Add an image to the discourse node"
         settingKeys={["canvasSettings", "key-image"]}
-        defaultValue={isKeyImage}
+        initialValue={isKeyImage}
         onChange={(checked) => {
           setIsKeyImage(checked);
           if (checked && !keyImageOption) setKeyImageOption("first-image");

apps/roam/src/components/settings/DiscourseNodeSuggestiveRules.tsx

@@ -96,7 +96,7 @@ const DiscourseNodeSuggestiveRules = ({
         title="Embedding Block Ref"
         description="Copy block ref from template which you want to be embedded and ranked."
         settingKeys={["suggestiveRules", "embeddingRef"]}
-        defaultValue={node.embeddingRef || ""}
+        initialValue={node.embeddingRef || ""}
         placeholder="((block-uid))"
         onChange={setEmbeddingRef}
         order={1}
@@ -116,7 +116,7 @@ const DiscourseNodeSuggestiveRules = ({
         title="First Child"
         description="If the block is the first child of the embedding block ref, it will be embedded and ranked."
         settingKeys={["suggestiveRules", "isFirstChild"]}
-        defaultValue={node.isFirstChild?.value || false}
+        initialValue={node.isFirstChild?.value || false}
         order={2}
         uid={node.isFirstChild?.uid || ""}
         parentUid={parentUid}

apps/roam/src/components/settings/NodeConfig.tsx

@@ -262,7 +262,7 @@ const NodeConfig = ({
                 title="Description"
                 description={`Describing what the ${node.text} node represents in your graph.`}
                 settingKeys={["description"]}
-                defaultValue={node.description}
+                initialValue={node.description}
                 order={1}
                 parentUid={node.type}
                 uid={descriptionUid}
@@ -272,7 +272,7 @@ const NodeConfig = ({
                 title="Shortcut"
                 description={`The trigger to quickly create a ${node.text} page from the node menu.`}
                 settingKeys={["shortcut"]}
-                defaultValue={node.shortcut}
+                initialValue={node.shortcut}
                 order={0}
                 parentUid={node.type}
                 uid={shortcutUid}
@@ -282,7 +282,7 @@ const NodeConfig = ({
                 title="Tag"
                 description={`Designate a hashtag for marking potential ${node.text}.`}
                 settingKeys={["tag"]}
-                defaultValue={node.tag}
+                initialValue={node.tag}
                 placeholder={generateTagPlaceholder(node)}
                 getValidationError={validateTag}
                 onChange={setTagValue}
@@ -390,7 +390,7 @@ const NodeConfig = ({
                 title="Graph Overview"
                 description="Whether to color the node in the graph overview based on canvas color. This is based on the node's plain title as described by a `has title` condition in its specification."
                 settingKeys={["graphOverview"]}
-                defaultValue={node.graphOverview}
+                initialValue={node.graphOverview}
                 order={0}
                 parentUid={node.type}
                 uid={graphOverviewUid}

apps/roam/src/components/settings/components/BlockPropSettingPanels.tsx

@@ -1,4 +1,10 @@
-import React, { type ChangeEvent, useState, useCallback, useRef, useEffect } from "react";
+import React, {
+  type ChangeEvent,
+  useState,
+  useCallback,
+  useRef,
+  useEffect,
+} from "react";
 import {
   Checkbox,
   InputGroup,
@@ -15,7 +21,6 @@ import {
   setGlobalSetting,
   setPersonalSetting,
   setFeatureFlag,
-  getDiscourseNodeSetting,
   setDiscourseNodeSetting,
 } from "../utils/accessors";
 import type { FeatureFlags } from "../utils/zodSchema";
@@ -138,7 +143,6 @@ const BaseTextPanel = ({
   };
 
   return (
-
     <div className="flex flex-col">
       <Label>
         {title}
@@ -576,49 +580,45 @@ type DiscourseNodeBaseProps = {
 export const DiscourseNodeTextPanel = ({
   nodeType,
   ...props
-}: DiscourseNodeBaseProps & RoamBlockSyncProps & {
-  defaultValue?: string;
-  placeholder?: string;
-  getValidationError?: Validator<string>;
-  onChange?: (value: string) => void;
-}) => (
-  <BaseTextPanel
-    {...props}
-    setter={createDiscourseNodeSetter(nodeType)}
-  />
+}: DiscourseNodeBaseProps &
+  RoamBlockSyncProps & {
+    initialValue?: string;
+    placeholder?: string;
+    getValidationError?: Validator<string>;
+    onChange?: (value: string) => void;
+  }) => (
+  <BaseTextPanel {...props} setter={createDiscourseNodeSetter(nodeType)} />
 );
 
 export const DiscourseNodeFlagPanel = ({
   nodeType,
   ...props
-}: DiscourseNodeBaseProps & RoamBlockSyncProps & {
-  defaultValue?: boolean;
-  disabled?: boolean;
-  onBeforeChange?: (checked: boolean) => Promise<boolean>;
-  onChange?: (checked: boolean) => void;
-}) => (
-  <BaseFlagPanel
-    {...props}
-    setter={createDiscourseNodeSetter(nodeType)}
-  />
+}: DiscourseNodeBaseProps &
+  RoamBlockSyncProps & {
+    initialValue?: boolean;
+    disabled?: boolean;
+    onBeforeChange?: (checked: boolean) => Promise<boolean>;
+    onChange?: (checked: boolean) => void;
+  }) => (
+  <BaseFlagPanel {...props} setter={createDiscourseNodeSetter(nodeType)} />
 );
 
 export const DiscourseNodeSelectPanel = ({
   nodeType,
   ...props
-}: DiscourseNodeBaseProps & RoamBlockSyncProps & { options: string[]; defaultValue?: string }) => (
-  <BaseSelectPanel
-    {...props}
-    setter={createDiscourseNodeSetter(nodeType)}
-  />
+}: DiscourseNodeBaseProps &
+  RoamBlockSyncProps & { options: string[]; initialValue?: string }) => (
+  <BaseSelectPanel {...props} setter={createDiscourseNodeSetter(nodeType)} />
 );
 
 export const DiscourseNodeNumberPanel = ({
   nodeType,
   ...props
-}: DiscourseNodeBaseProps & RoamBlockSyncProps & { defaultValue?: number; min?: number; max?: number }) => (
-  <BaseNumberPanel
-    {...props}
-    setter={createDiscourseNodeSetter(nodeType)}
-  />
+}: DiscourseNodeBaseProps &
+  RoamBlockSyncProps & {
+    initialValue?: number;
+    min?: number;
+    max?: number;
+  }) => (
+  <BaseNumberPanel {...props} setter={createDiscourseNodeSetter(nodeType)} />
 );