Link new settings pages to new tables for config

inventory/src/components/settings/CalculationSettings.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -25,6 +25,24 @@ export function CalculationSettings() {
     monthly_window_days: 90
   });
 
+  useEffect(() => {
+    const loadConfig = async () => {
+      try {
+        const response = await fetch(`${config.apiUrl}/config`, {
+          credentials: 'include'
+        });
+        if (!response.ok) {
+          throw new Error('Failed to load configuration');
+        }
+        const data = await response.json();
+        setSalesVelocityConfig(data.salesVelocityConfig);
+      } catch (error) {
+        toast.error(`Failed to load configuration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+      }
+    };
+    loadConfig();
+  }, []);
+
   const handleUpdateSalesVelocityConfig = async () => {
     try {
       const response = await fetch(`${config.apiUrl}/config/sales-velocity/1`, {

inventory/src/components/settings/Configuration.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -114,6 +114,29 @@ export function Configuration() {
     target_rate: 1.0
   });
 
+  useEffect(() => {
+    const loadConfig = async () => {
+      try {
+        const response = await fetch(`${config.apiUrl}/config`, {
+          credentials: 'include'
+        });
+        if (!response.ok) {
+          throw new Error('Failed to load configuration');
+        }
+        const data = await response.json();
+        setStockThresholds(data.stockThresholds);
+        setLeadTimeThresholds(data.leadTimeThresholds);
+        setSalesVelocityConfig(data.salesVelocityConfig);
+        setAbcConfig(data.abcConfig);
+        setSafetyStockConfig(data.safetyStockConfig);
+        setTurnoverConfig(data.turnoverConfig);
+      } catch (error) {
+        toast.error(`Failed to load configuration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+      }
+    };
+    loadConfig();
+  }, []);
+
   const handleUpdateStockThresholds = async () => {
     try {
       const response = await fetch(`${config.apiUrl}/config/stock-thresholds/1`, {

inventory/src/components/settings/PerformanceMetrics.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -55,6 +55,26 @@ export function PerformanceMetrics() {
     target_rate: 1.0
   });
 
+  useEffect(() => {
+    const loadConfig = async () => {
+      try {
+        const response = await fetch(`${config.apiUrl}/config`, {
+          credentials: 'include'
+        });
+        if (!response.ok) {
+          throw new Error('Failed to load configuration');
+        }
+        const data = await response.json();
+        setLeadTimeThresholds(data.leadTimeThresholds);
+        setAbcConfig(data.abcConfig);
+        setTurnoverConfig(data.turnoverConfig);
+      } catch (error) {
+        toast.error(`Failed to load configuration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+      }
+    };
+    loadConfig();
+  }, []);
+
   const handleUpdateLeadTimeThresholds = async () => {
     try {
       const response = await fetch(`${config.apiUrl}/config/lead-time-thresholds/1`, {

inventory/src/components/settings/StockManagement.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -45,6 +45,25 @@ export function StockManagement() {
     service_level: 95.0
   });
 
+  useEffect(() => {
+    const loadConfig = async () => {
+      try {
+        const response = await fetch(`${config.apiUrl}/config`, {
+          credentials: 'include'
+        });
+        if (!response.ok) {
+          throw new Error('Failed to load configuration');
+        }
+        const data = await response.json();
+        setStockThresholds(data.stockThresholds);
+        setSafetyStockConfig(data.safetyStockConfig);
+      } catch (error) {
+        toast.error(`Failed to load configuration: ${error instanceof Error ? error.message : 'Unknown error'}`);
+      }
+    };
+    loadConfig();
+  }, []);
+
   const handleUpdateStockThresholds = async () => {
     try {
       const response = await fetch(`${config.apiUrl}/config/stock-thresholds/1`, {