refines AI generation label in NodesLibrary and adjusts Comment edito…

…r styling (#143)
flydelabs · Aug 30, 2024 · 2f44ce7 · 2f44ce7
1 parent 98567ac
commit 2f44ce7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/flow-editor/src/visual-node-editor/NodesLibrary/NodesLibrary.tsx b/flow-editor/src/visual-node-editor/NodesLibrary/NodesLibrary.tsx
@@ -136,7 +136,7 @@ export const NodesLibrary: React.FC<NodesLibraryProps> = memo((props) => {
                   >
                     <div className="group-item-inner">
                       <InstanceIcon icon="fa-solid fa-wand-magic-sparkles" />
-                      Generate using AI
+                      Generate Node using AI
                     </div>
                   </Tooltip>
                 </div>

diff --git a/stdlib/src/Misc/Comment.tsx b/stdlib/src/Misc/Comment.tsx
@@ -20,7 +20,7 @@ export const CommentEditor: MacroEditorComp<CommentConfig> = ({
         onChange={(e) => setContent(e.target.value)}
         placeholder="Enter your comment here (HTML supported)"
         rows={10}
-        style={{ width: "100%" }}
+        style={{ width: "100%", padding: "8px 6px" }}
       />
       <Callout intent="primary" icon={null}>
         HTML formatting is supported

diff --git a/stdlib/src/nodes-library-data.ts b/stdlib/src/nodes-library-data.ts
@@ -23,7 +23,7 @@ export function getUnresolvedNodesLibraryData() {
     groups: [
       {
         title: "Values & Custom Code",
-        nodes: [InlineValue, CodeExpression, Comment],
+        nodes: [InlineValue, CodeExpression],
       },
       {
         title: "Control Flow",
@@ -45,6 +45,10 @@ export function getUnresolvedNodesLibraryData() {
         title: "Timing",
         nodes: [Delay, Throttle, Debounce, Interval],
       },
+      {
+        title: "Misc",
+        nodes: [Comment],
+      },
     ],
   };
 }