ENG-805 - Set default font to sans for Discourse Nodes on Canvas (#432)

* Refactor font settings in Export and Discourse components to use "sans" and size "s" for consistency across the application.

* Update Export component to set default size to "s" for consistency in export settings.

Author: mdroidian

apps/roam/src/components/Export.tsx

@@ -351,8 +351,8 @@ const ExportDialog: ExportDialogComponent = ({
           uid: r.uid,
           title: String(r[firstColumnKey]),
           imageUrl,
-          size: "m",
-          fontFamily: "draw",
+          size: "s",
+          fontFamily: "sans",
         },
         parentId: pageKey,
         y: shapeY,

apps/roam/src/components/canvas/DiscourseNodeUtil.tsx

@@ -122,6 +122,7 @@ export const createNodeShapeTools = (
           type: this.shapeType,
           x: currentPagePoint.x,
           y: currentPagePoint.y,
+          props: { fontFamily: "sans", size: "s" },
         });
         this.editor.setEditingShape(shapeId);
         this.editor.setCurrentTool("select");
@@ -200,8 +201,8 @@ export class BaseDiscourseNodeUtil extends ShapeUtil<DiscourseNodeShape> {
       h: 64,
       uid: window.roamAlphaAPI.util.generateUID(),
       title: "",
-      size: "m",
-      fontFamily: "draw",
+      size: "s",
+      fontFamily: "sans",
     };
   }
 

apps/roam/src/components/canvas/DiscourseToolPanel.tsx

@@ -157,6 +157,7 @@ const DiscourseGraphPanel = ({
               type: current.item.id,
               x: pagePoint.x,
               y: pagePoint.y,
+              props: { fontFamily: "sans", size: "s" },
             });
             editor.setEditingShape(shapeId);
             editor.setCurrentTool("select");

apps/roam/src/components/canvas/Tldraw.tsx

@@ -502,8 +502,8 @@ const TldrawCanvas = ({ title }: { title: string }) => {
             props: {
               uid: e.detail.uid,
               title: e.detail.val,
-              size: "m",
-              fontFamily: "draw",
+              size: "s",
+              fontFamily: "sans",
             },
             ...position,
           },

apps/roam/src/components/canvas/uiOverrides.tsx

@@ -103,7 +103,15 @@ const convertToDiscourseNode = async ({
     {
       type,
       id: createShapeId(),
-      props: { uid, title: nodeText, h, w, imageUrl },
+      props: {
+        uid,
+        title: nodeText,
+        h,
+        w,
+        imageUrl,
+        fontFamily: "sans",
+        size: "s",
+      },
       x,
       y,
     },