Added functions for circular UI

web/src/components/CaseBuilder/CaseBuilder.tsx

@@ -9,12 +9,67 @@ import Header from "./Header";
 import "tabulator-tables/dist/css/tabulator.min.css";
 import "../Common/Forms/Tables.css";
 import Footer from "./Footer";
+import React, { useState } from "react";
+import {CircularData} from "./CircularData.ts";
+
+declare global {
+    interface Window {
+      nextX: number;
+      nextY: number;
+    }
+  }
 
 const CaseBuilder = () => {
+  const [circularData, setCircularData] = useState<CircularData> ( {
+  plants: {},
+  products: {}
+
+});
   const onClear = () => {};
   const onSave = () => {};
   const onLoad = () => {};
 
+  
+
+  const randomPosition = (): [number,number] => {
+    if (window.nextX === undefined) window.nextX = 15;
+    if (window.nextY === undefined) window.nextY = 15;
+
+    window.nextY +=60;
+    if (window.nextY >=500) {
+      window.nextY = 15;
+      window.nextX += 150;
+
+    }
+    return [window.nextX, window.nextY]
+
+  }
+
+  const promptName = (prevData:CircularData): string | undefined => {
+    const name = prompt("Name");
+    if (!name || name.length ===0) return;
+    if (name in prevData.products || name in prevData.plants) return;
+    return name;
+
+  };
+
+  const onAddPlant = () => {
+    setCircularData((prevData) => {
+      const id = promptName(prevData);
+      if (id ==undefined) return prevData;
+      const newData = { ...prevData};
+      const [x,y] = randomPosition();
+      newData.plants[id] = {
+        ...defaultPlant,
+        x: x,
+        y: y,
+        
+      };
+      onSave(newData);
+      return newData;
+    });
+  }
+
   return (
     <div>
       <Header onClear={onClear} onSave={onSave} onLoad={onLoad} />

web/src/components/CaseBuilder/CircularData.ts

@@ -3,7 +3,6 @@ export interface CircularPlant {
     x: number;
     y: number;
 
-    input?: string; // optional product name
 
 }
 
@@ -18,6 +17,5 @@ export interface CircularData {
 
     products: Record<string, CircularProduct>;
 
-    parameters: Record<string, any>; // Any parameters, ex: simulation years, costs 
 
 }