Delete legacy alerts

frontend/src/pages/dashboard/DashboardPage.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import { useDashboard } from '../../hooks/useDashboard';
 import { useOrderSuggestions } from '../../hooks/useOrderSuggestions';
-import { useRealAlerts } from '../../hooks/useRealAlerts';
 
 // Import simplified components
 import TodayRevenue from '../../components/simple/TodayRevenue';
-import CriticalAlerts from '../../components/simple/CriticalAlerts';
 import TodayProduction from '../../components/simple/TodayProduction';
 import QuickActions from '../../components/simple/QuickActions';
 import QuickOverview from '../../components/simple/QuickOverview';
@@ -55,11 +53,6 @@ const DashboardPage: React.FC<DashboardPageProps> = ({
     error: ordersError
   });
 
-  // Use real API data for alerts
-  const {
-    alerts: realAlerts,
-    onAlertAction
-  } = useRealAlerts();
 
   // Transform forecast data for production component
 
@@ -163,11 +156,6 @@ const DashboardPage: React.FC<DashboardPageProps> = ({
           dailyTarget={350}
         />
         
-        {/* Alerts - Real API Data */}
-        <CriticalAlerts
-          alerts={realAlerts}
-          onAlertClick={onAlertAction}
-        />
         
         {/* Quick Actions - Easy Access */}
         <QuickActions
@@ -243,15 +231,13 @@ const DashboardPage: React.FC<DashboardPageProps> = ({
 
 
       {/* Success Message - When Everything is Good */}
-      {realAlerts.length === 0 && (
-        <div className="bg-green-50 border border-green-200 rounded-xl p-6 text-center">
-          <div className="text-4xl mb-2">🎉</div>
-          <h4 className="font-medium text-green-900">¡Todo bajo control!</h4>
-          <p className="text-green-700 text-sm mt-1">
-            No hay alertas activas. Tu panadería está funcionando perfectamente.
-          </p>
-        </div>
-      )}
+      <div className="bg-green-50 border border-green-200 rounded-xl p-6 text-center">
+        <div className="text-4xl mb-2">🎉</div>
+        <h4 className="font-medium text-green-900">¡Todo bajo control!</h4>
+        <p className="text-green-700 text-sm mt-1">
+          Tu panadería está funcionando perfectamente.
+        </p>
+      </div>
     </div>
   );
 };

frontend/src/pages/inventory/InventoryPage.tsx

@@ -28,7 +28,6 @@ import {
 } from '../../api/services/inventory.service';
 
 import InventoryItemCard from '../../components/inventory/InventoryItemCard';
-import StockAlertsPanel from '../../components/inventory/StockAlertsPanel';
 
 type ViewMode = 'grid' | 'list';
 
@@ -51,7 +50,6 @@ const InventoryPage: React.FC<InventoryPageProps> = ({ view = 'stock-levels' })
   const {
     items,
     stockLevels,
-    alerts,
     dashboardData,
     isLoading,
     error,
@@ -61,14 +59,12 @@ const InventoryPage: React.FC<InventoryPageProps> = ({ view = 'stock-levels' })
     updateItem,
     deleteItem,
     adjustStock,
-    acknowledgeAlert,
     refresh,
     clearError
   } = useInventory();
 
   // Local state
   const [viewMode, setViewMode] = useState<ViewMode>('grid');
-  const [showAlerts, setShowAlerts] = useState(false);
   const [filters, setFilters] = useState<FilterState>({
     search: '',
     sort_by: 'name',
@@ -155,24 +151,12 @@ const InventoryPage: React.FC<InventoryPageProps> = ({ view = 'stock-levels' })
     }
   };
 
-  // Handle alert acknowledgment
-  const handleAcknowledgeAlert = async (alertId: string) => {
-    await acknowledgeAlert(alertId);
-  };
-
-  // Handle bulk acknowledge alerts
-  const handleBulkAcknowledgeAlerts = async (alertIds: string[]) => {
-    // TODO: Implement bulk acknowledge
-    for (const alertId of alertIds) {
-      await acknowledgeAlert(alertId);
-    }
-  };
 
   // Get quick stats
   const getQuickStats = () => {
     const totalItems = items.length;
-    const lowStockItems = alerts.filter(a => a.alert_type === 'low_stock' && !a.is_acknowledged).length;
-    const expiringItems = alerts.filter(a => a.alert_type === 'expiring_soon' && !a.is_acknowledged).length;
+    const lowStockItems = 0;
+    const expiringItems = 0;
     const totalValue = dashboardData?.total_value || 0;
     
     return { totalItems, lowStockItems, expiringItems, totalValue };
@@ -195,19 +179,6 @@ const InventoryPage: React.FC<InventoryPageProps> = ({ view = 'stock-levels' })
               </div>
               
               <div className="flex items-center space-x-3">
-                <button
-                  onClick={() => setShowAlerts(!showAlerts)}
-                  className={`relative p-2 rounded-lg transition-colors ${
-                    showAlerts ? 'bg-blue-100 text-blue-600' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'
-                  }`}
-                >
-                  <AlertTriangle className="w-5 h-5" />
-                  {alerts.filter(a => !a.is_acknowledged).length > 0 && (
-                    <span className="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center">
-                      {alerts.filter(a => !a.is_acknowledged).length}
-                    </span>
-                  )}
-                </button>
                 
                 <button
                   onClick={() => refresh()}
@@ -230,7 +201,7 @@ const InventoryPage: React.FC<InventoryPageProps> = ({ view = 'stock-levels' })
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
         <div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
           {/* Main Content */}
-          <div className={`${showAlerts ? 'lg:col-span-3' : 'lg:col-span-4'}`}>
+          <div className="lg:col-span-4">
             {/* Quick Stats */}
             <div className="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
               <div className="bg-white p-4 rounded-lg border">
@@ -534,17 +505,6 @@ const InventoryPage: React.FC<InventoryPageProps> = ({ view = 'stock-levels' })
             )}
           </div>
 
-          {/* Alerts Panel */}
-          {showAlerts && (
-            <div className="lg:col-span-1">
-              <StockAlertsPanel
-                alerts={alerts}
-                onAcknowledge={handleAcknowledgeAlert}
-                onAcknowledgeAll={handleBulkAcknowledgeAlerts}
-                onViewItem={handleViewItemById}
-              />
-            </div>
-          )}
         </div>
       </div>
     </div>