Delete legacy alerts

frontend/src/components/ui/AlertCard.tsx

@@ -1,155 +0,0 @@
-import React from 'react';
-import { AlertTriangle, TrendingDown, Package, Clock, Euro } from 'lucide-react';
-
-export interface BusinessAlert {
-  id: string;
-  type: 'stockout_risk' | 'overstock' | 'revenue_loss' | 'quality_risk' | 'weather_impact';
-  severity: 'low' | 'medium' | 'high' | 'critical';
-  product: string;
-  message: string;
-  action: string;
-  impact?: {
-    type: 'revenue' | 'units' | 'percentage';
-    value: number;
-    currency?: string;
-  };
-  urgency?: 'immediate' | 'today' | 'this_week';
-}
-
-interface AlertCardProps {
-  alert: BusinessAlert;
-  onAction?: (alertId: string, actionType: string) => void;
-}
-
-const getSeverityConfig = (severity: BusinessAlert['severity']) => {
-  switch (severity) {
-    case 'critical':
-      return {
-        bgColor: 'bg-red-50',
-        borderColor: 'border-red-200',
-        iconColor: 'text-red-600',
-        textColor: 'text-red-900',
-        actionColor: 'bg-red-100 hover:bg-red-200 text-red-800'
-      };
-    case 'high':
-      return {
-        bgColor: 'bg-orange-50',
-        borderColor: 'border-orange-200', 
-        iconColor: 'text-orange-600',
-        textColor: 'text-orange-900',
-        actionColor: 'bg-orange-100 hover:bg-orange-200 text-orange-800'
-      };
-    case 'medium':
-      return {
-        bgColor: 'bg-yellow-50',
-        borderColor: 'border-yellow-200',
-        iconColor: 'text-yellow-600',
-        textColor: 'text-yellow-900',
-        actionColor: 'bg-yellow-100 hover:bg-yellow-200 text-yellow-800'
-      };
-    default:
-      return {
-        bgColor: 'bg-blue-50',
-        borderColor: 'border-blue-200',
-        iconColor: 'text-blue-600',
-        textColor: 'text-blue-900',
-        actionColor: 'bg-blue-100 hover:bg-blue-200 text-blue-800'
-      };
-  }
-};
-
-const getAlertIcon = (type: BusinessAlert['type']) => {
-  switch (type) {
-    case 'stockout_risk':
-      return Package;
-    case 'overstock':
-      return TrendingDown;
-    case 'revenue_loss':
-      return Euro;
-    case 'quality_risk':
-      return Clock;
-    case 'weather_impact':
-      return AlertTriangle;
-    default:
-      return AlertTriangle;
-  }
-};
-
-const getUrgencyLabel = (urgency?: BusinessAlert['urgency']) => {
-  switch (urgency) {
-    case 'immediate':
-      return { label: 'URGENTE', color: 'bg-red-100 text-red-800' };
-    case 'today':
-      return { label: 'HOY', color: 'bg-orange-100 text-orange-800' };
-    case 'this_week':
-      return { label: 'ESTA SEMANA', color: 'bg-blue-100 text-blue-800' };
-    default:
-      return null;
-  }
-};
-
-const AlertCard: React.FC<AlertCardProps> = ({ alert, onAction }) => {
-  const config = getSeverityConfig(alert.severity);
-  const Icon = getAlertIcon(alert.type);
-  const urgencyInfo = getUrgencyLabel(alert.urgency);
-
-  const handleAction = () => {
-    onAction?.(alert.id, 'primary_action');
-  };
-
-  return (
-    <div className={`${config.bgColor} ${config.borderColor} border rounded-lg p-4 shadow-sm`}>
-      <div className="flex items-start space-x-3">
-        <div className={`${config.iconColor} mt-0.5`}>
-          <Icon className="h-5 w-5" />
-        </div>
-        
-        <div className="flex-1 min-w-0">
-          <div className="flex items-start justify-between">
-            <div className="flex-1">
-              <div className="flex items-center space-x-2">
-                <h4 className={`font-medium ${config.textColor}`}>
-                  {alert.product}
-                </h4>
-                {urgencyInfo && (
-                  <span className={`px-2 py-1 text-xs font-bold rounded ${urgencyInfo.color}`}>
-                    {urgencyInfo.label}
-                  </span>
-                )}
-              </div>
-              
-              <p className={`text-sm mt-1 ${config.textColor.replace('900', '700')}`}>
-                {alert.message}
-              </p>
-              
-              {alert.impact && (
-                <div className={`text-sm font-medium mt-2 ${config.textColor}`}>
-                  {alert.impact.type === 'revenue' && (
-                    <>Impacto: -{alert.impact.value}{alert.impact.currency || '€'}</>
-                  )}
-                  {alert.impact.type === 'units' && (
-                    <>Unidades afectadas: {alert.impact.value}</>
-                  )}
-                  {alert.impact.type === 'percentage' && (
-                    <>Reducción estimada: {alert.impact.value}%</>
-                  )}
-                </div>
-              )}
-            </div>
-          </div>
-          
-          <div className="mt-3">
-            <button
-              onClick={handleAction}
-              className={`px-3 py-2 text-sm font-medium rounded transition-colors ${config.actionColor}`}
-            >
-              {alert.action}
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default AlertCard;