Recursive Argument Canvas

Author: AttAditya

src/components/engine/Canvas/index.tsx

@@ -9,7 +9,6 @@ import "./style.css";
 
 export function Canvas({
   baseId,
-  contextCanvas = false,
 }: CanvasModel) {
   const {
     nodeSystem,
@@ -22,20 +21,20 @@ export function Canvas({
   const {
     removeNode,
   } = useNodeSystemContext()!;
-
-  const nodes = nodeSystem[baseId]?.nodes || [];;
+  
+  const nodes = nodeSystem[baseId]?.nodes || [];
 
   return (<>
     <div className="canvas">
       <div className="nodes">
         {
           nodes.map(node => <Node
             key={node.id}
-            showCanvas={!contextCanvas}
+            showCanvas={true}
             node={{
               ...node,
-              hasNext: !contextCanvas,
-              context: !contextCanvas || node.isBase ? node.context : [
+              hasNext: false,
+              context: node.isBase ? node.context : [
                 {
                   id: `${node.id}:REMOVE`,
                   name: "Remove",

src/components/engine/Canvas/style.css

@@ -20,7 +20,3 @@
   gap: 0.75rem;
 }
 
-.canvas .canvas .canvas {
-  display: none;
-}
-

src/components/engine/Node/style.css

@@ -90,6 +90,10 @@
   height: 100%;
 }
 
+.canvas .canvas .node-pointer {
+  display: none;
+}
+
 .node-wrapper {
   position: relative;
   width: var(--size);

src/components/engine/NodeContext/index.tsx

@@ -39,10 +39,7 @@ export function NodeContext({
       {
         (!isBase && showCanvas) && (<>
           <Glass className="context-canvas">
-            <Canvas
-              baseId={nodeId}
-              contextCanvas={true}
-            />
+            <Canvas baseId={nodeId} />
           </Glass>
         </>)
       }

src/defs/Canvas.ts

@@ -1,4 +1,3 @@
 export interface CanvasModel {
   baseId: string;
-  contextCanvas?: boolean;
 }