Update frontend to match part 1

inventory-server/src/routes/categories.js

@@ -9,58 +9,62 @@ router.get('/', async (req, res) => {
     const [parentCategories] = await pool.query(`
       SELECT DISTINCT c2.name as parent_name
       FROM categories c1
-      JOIN categories c2 ON c1.parent_id = c2.id
-      WHERE c1.parent_id IS NOT NULL
+      JOIN categories c2 ON c1.parent_cat_id = c2.cat_id
+      WHERE c1.parent_cat_id IS NOT NULL
       ORDER BY c2.name
     `);
 
     // Get all categories with metrics
     const [categories] = await pool.query(`
       SELECT 
-        c.id as category_id,
+        c.cat_id,
         c.name,
         c.description,
         COALESCE(p.name, '') as parent_name,
-        cm.product_count,
-        cm.total_value,
-        cm.avg_margin,
-        cm.turnover_rate,
-        cm.growth_rate,
-        cm.status
+        COALESCE(cm.product_count, 0) as product_count,
+        CAST(COALESCE(cm.total_value, 0) AS DECIMAL(15,3)) as total_value,
+        COALESCE(cm.avg_margin, 0) as avg_margin,
+        COALESCE(cm.turnover_rate, 0) as turnover_rate,
+        COALESCE(cm.growth_rate, 0) as growth_rate,
+        COALESCE(cm.status, 'inactive') as status
       FROM categories c
-      LEFT JOIN categories p ON c.parent_id = p.id
-      LEFT JOIN category_metrics cm ON c.id = cm.category_id
+      LEFT JOIN categories p ON c.parent_cat_id = p.cat_id
+      LEFT JOIN category_metrics cm ON c.cat_id = cm.cat_id
       ORDER BY c.name ASC
     `);
 
     // Get overall stats
     const [stats] = await pool.query(`
       SELECT 
-        COUNT(DISTINCT c.id) as totalCategories,
-        COUNT(DISTINCT CASE WHEN cm.status = 'active' THEN c.id END) as activeCategories,
-        COALESCE(SUM(cm.total_value), 0) as totalValue,
+        COUNT(DISTINCT c.cat_id) as totalCategories,
+        COUNT(DISTINCT CASE WHEN cm.status = 'active' THEN c.cat_id END) as activeCategories,
+        CAST(COALESCE(SUM(cm.total_value), 0) AS DECIMAL(15,3)) as totalValue,
         COALESCE(ROUND(AVG(NULLIF(cm.avg_margin, 0)), 1), 0) as avgMargin,
         COALESCE(ROUND(AVG(NULLIF(cm.growth_rate, 0)), 1), 0) as avgGrowth
       FROM categories c
-      LEFT JOIN category_metrics cm ON c.id = cm.category_id
+      LEFT JOIN category_metrics cm ON c.cat_id = cm.cat_id
     `);
 
     res.json({
       categories: categories.map(cat => ({
-        ...cat,
-        parent_category: cat.parent_name, // Map parent_name to parent_category for frontend compatibility
-        product_count: parseInt(cat.product_count || 0),
-        total_value: parseFloat(cat.total_value || 0),
-        avg_margin: parseFloat(cat.avg_margin || 0),
-        turnover_rate: parseFloat(cat.turnover_rate || 0),
-        growth_rate: parseFloat(cat.growth_rate || 0)
+        id: cat.cat_id,
+        name: cat.name,
+        description: cat.description,
+        parent_category: cat.parent_name,
+        product_count: parseInt(cat.product_count),
+        total_value: parseFloat(cat.total_value),
+        avg_margin: parseFloat(cat.avg_margin),
+        turnover_rate: parseFloat(cat.turnover_rate),
+        growth_rate: parseFloat(cat.growth_rate),
+        status: cat.status
       })),
       parentCategories: parentCategories.map(p => p.parent_name),
       stats: {
-        ...stats[0],
-        totalValue: parseFloat(stats[0].totalValue || 0),
-        avgMargin: parseFloat(stats[0].avgMargin || 0),
-        avgGrowth: parseFloat(stats[0].avgGrowth || 0)
+        totalCategories: parseInt(stats[0].totalCategories),
+        activeCategories: parseInt(stats[0].activeCategories),
+        totalValue: parseFloat(stats[0].totalValue),
+        avgMargin: parseFloat(stats[0].avgMargin),
+        avgGrowth: parseFloat(stats[0].avgGrowth)
       }
     });
   } catch (error) {