From b991e92c37bce47faa9e1dc43e191ab48cef7157 Mon Sep 17 00:00:00 2001
From: JGerla <jgerla61@gmail.com>
Date: Wed, 1 Oct 2025 10:38:35 +0200
Subject: [PATCH] feat: changed startNode to use custom type for data

changed to startNode file to be a general file for custom node types, and created a custom type for the data property of StartNode.

BREAKING: renamed StartNode.tsx to NodeDefinitions.tsx

ref: N25B-114
---
 src/visualProgrammingUI/VisProgUI.css               |  7 +++++++
 src/visualProgrammingUI/VisProgUI.tsx               |  4 ++--
 .../{StartNode.tsx => NodeDefinitions.tsx}          | 13 ++++++++++---
 3 files changed, 19 insertions(+), 5 deletions(-)
 rename src/visualProgrammingUI/components/{StartNode.tsx => NodeDefinitions.tsx} (51%)

diff --git a/src/visualProgrammingUI/VisProgUI.css b/src/visualProgrammingUI/VisProgUI.css
index e69de29..35645a7 100644
--- a/src/visualProgrammingUI/VisProgUI.css
+++ b/src/visualProgrammingUI/VisProgUI.css
@@ -0,0 +1,7 @@
+.default-node {
+    padding: 10px 20px;
+    background-color: white;
+    outline-style: solid;
+    border-radius: 5pt;
+    outline-width: 1pt;
+}
\ No newline at end of file
diff --git a/src/visualProgrammingUI/VisProgUI.tsx b/src/visualProgrammingUI/VisProgUI.tsx
index d71af49..ae526c6 100644
--- a/src/visualProgrammingUI/VisProgUI.tsx
+++ b/src/visualProgrammingUI/VisProgUI.tsx
@@ -17,7 +17,7 @@ import {
     type Connection,
 } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
-import StartNode from './components/StartNode.tsx';
+import StartNode from "./components/NodeDefinitions.tsx";
 
 const nodeTypes = {
     startNode: StartNode,
@@ -28,7 +28,7 @@ const initialNodes = [
         id: 'start',
         type: 'startNode',
         position: {x: 0, y: 0},
-        data: {label: 'Start'},
+        data: {label: 'start'}
     },
     {
         id: 'genericPhase',
diff --git a/src/visualProgrammingUI/components/StartNode.tsx b/src/visualProgrammingUI/components/NodeDefinitions.tsx
similarity index 51%
rename from src/visualProgrammingUI/components/StartNode.tsx
rename to src/visualProgrammingUI/components/NodeDefinitions.tsx
index d92ede1..e9fc0b9 100644
--- a/src/visualProgrammingUI/components/StartNode.tsx
+++ b/src/visualProgrammingUI/components/NodeDefinitions.tsx
@@ -1,12 +1,19 @@
 import { Handle, Position } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
+import '../VisProgUI.css';
 
-// @ts-ignore
-export const StartNode = ({ data }) => {
+// Datatypes for NodeTypes
+
+type startNodeData = { label: string; };
+
+// Definitions of Nodes
+
+
+export const StartNode= ({ data } : {data : startNodeData}) => {
     return (
         <>
             <div>
-                <div style={{ padding: '10px 20px', backgroundColor: 'white', outlineStyle: 'solid', borderRadius: '5pt', outlineWidth: '1pt'}}> data test {data.label} </div>
+                <div className="default-node"> data test {data.label} </div>
                 <Handle type="source" position={Position.Right} id="start" />
             </div>
         </>