feat: adding validation header

Author: Dhruv-0-Arora

exporter/SynthesisFusionAddin/web/src/App.tsx

@@ -261,7 +261,7 @@ function App() {
                     selection={{ isSelecting, setIsSelecting }}
                 />
             </TabPanel>
-            <TabPanel value={activeTab} index={2}>
+            <TabPanel value={activeTab} index={4}>
                 <DesignCheckTab />
             </TabPanel>
             <Container

exporter/SynthesisFusionAddin/web/src/lib/index.ts

@@ -154,6 +154,17 @@ export interface DesignRule {
     max_value: number
 }
 export async function getDesignRules(): Promise<DesignRule[] | undefined> {
+    if (import.meta.env.DEV && typeof window.adsk === "undefined") {
+        return new Promise<DesignRule[]>(resolve => {
+            setTimeout(() => {
+                resolve([
+                    { name: "Rule 1", calculation: 10, max_value: 20 },
+                    { name: "Rule 2", calculation: 25, max_value: 20 },
+                    { name: "Rule 3", calculation: 5, max_value: 15 },
+                ])
+            }, 1000)
+        })
+    }
     return await sendData("designRules", {})
 }
 

exporter/SynthesisFusionAddin/web/src/ui/DesignCheckTab.tsx

@@ -16,15 +16,31 @@ function DesignCheckTab({}: DesignCheckTabProps) {
     const [rules, setRules] = useState<DesignRule[]>([])
 
     useEffect(() => {
-        getDesignRules().then(data => {
+        const fetchRules = async () => {
+            const data = await getDesignRules()
             if (data) {
                 setRules(data)
             }
-        })
+        }
+
+        fetchRules()
     }, [])
 
+    function isDesignValid(): string {
+        rules.forEach(rule => {
+            if (rule.calculation > rule.max_value) {
+                return "Invalid"
+            }
+        })
+
+        return "Valid"
+    }
+
     return (
         <>
+            <h4>
+                Checks Passing: {isDesignValid()}
+            </h4>
             <TableContainer component={Paper} elevation={6}>
                 <Table sx={{ minWidth: 650 }} aria-label="simple table" size={"small"}>
                     <TableHead>