From 54b3e648a1f4d3c537ef45dbb96e0140b15085cc Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Wed, 14 Aug 2024 13:34:41 +0200
Subject: [PATCH] feat(frontend): fix viewgraph

---
 .../renderers/nodes/BranchAllStart.svelte     | 30 ++++++++++---------
 .../renderers/nodes/BranchOneStart.svelte     | 30 ++++++++++---------
 frontend/src/routes/view_graph/+page.svelte   |  2 +-
 3 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte b/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte
index 1b9e177573..660553021c 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte
@@ -44,20 +44,22 @@
 			data.eventHandlers.insert(e.detail)
 		}}
 	/>
-	<button
-		class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
+	{#if data.insertable}
+		<button
+			class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
 border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 hover:border-red-700"
-		on:click|preventDefault|stopPropagation={() => {
-			data.eventHandlers.deleteBranch(
-				{
-					module: data.modules.find((m) => m.id === data.id),
-					index: data.branchIndex
-				},
-				data.label
-			)
-		}}
-	>
-		<X size={12} />
-	</button>
+			on:click|preventDefault|stopPropagation={() => {
+				data.eventHandlers.deleteBranch(
+					{
+						module: data.modules.find((m) => m.id === data.id),
+						index: data.branchIndex
+					},
+					data.label
+				)
+			}}
+		>
+			<X size={12} />
+		</button>
+	{/if}
 </NodeWrapper>
diff --git a/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte b/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte
index f06c737f87..bae01b1a65 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte
@@ -38,20 +38,22 @@
 			data.eventHandlers.select(data.id)
 		}}
 	/>
-	<button
-		class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
+	{#if data.insertable}
+		<button
+			class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
 border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 hover:border-red-700"
-		on:click|preventDefault|stopPropagation={() => {
-			data.eventHandlers.deleteBranch(
-				{
-					module: data.modules.find((m) => m.id === data.id),
-					index: data.branchIndex
-				},
-				data.label
-			)
-		}}
-	>
-		<X size={12} />
-	</button>
+			on:click|preventDefault|stopPropagation={() => {
+				data.eventHandlers.deleteBranch(
+					{
+						module: data.modules.find((m) => m.id === data.id),
+						index: data.branchIndex
+					},
+					data.label
+				)
+			}}
+		>
+			<X size={12} />
+		</button>
+	{/if}
 </NodeWrapper>
diff --git a/frontend/src/routes/view_graph/+page.svelte b/frontend/src/routes/view_graph/+page.svelte
index 8f35780f21..18fbac237e 100644
--- a/frontend/src/routes/view_graph/+page.svelte
+++ b/frontend/src/routes/view_graph/+page.svelte
@@ -8,7 +8,7 @@
 		: { modules: [], failureModule: undefined }
 </script>
 
-<FlowGraphV2 fullSize {modules} {failureModule} />
+<FlowGraphV2 {modules} {failureModule} />
 <a
 	download="flow.json"
 	href={'data:text/json;charset=utf-8,' +