Restored to 'd1470a5818dc60498a699347c3ffffd9afb70634'

Replit-Restored-To: d1470a5818

client/src/components/DECard.tsx

@@ -10,14 +10,11 @@ interface DECardProps {
     resourceUsage: string;
     customization: string;
     colorPalette: string[];
-    image?: string;
   };
   onSwipe: (direction: 'left' | 'right' | 'super') => void;
   isTop: boolean;
 }
 
-const deImages: Record<string, string> = {};
-
 const styleIcons: Record<string, typeof Monitor> = {
   'modern': Settings,
   'minimalist': Feather,
@@ -116,35 +113,16 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
           GEÇ
         </motion.div>
 
-        <div className="relative z-10 flex flex-col items-center justify-center p-8 text-center">
+        <div className="relative z-10 flex flex-col items-center justify-center p-12 text-center">
-          {de.image ? (
+          <div 
-            <div 
+            className="mb-6 flex h-24 w-24 items-center justify-center rounded-2xl"
-              className="mb-6 w-full max-w-lg h-48 rounded-xl overflow-hidden"
+            style={{
-              style={{
+              background: `linear-gradient(135deg, ${primaryColor}, ${secondaryColor})`,
-                boxShadow: `0 10px 40px ${primaryColor}50`,
+              boxShadow: `0 10px 40px ${primaryColor}50`,
-              }}
+            }}
-            >
+          >
-              <img 
+            <StyleIcon className="h-12 w-12 text-white" />
-                src={`/de_screenshots/${de.image}`}
+          </div>
-                alt={de.name}
-                className="w-full h-full object-cover"
-                onError={(e) => {
-                  e.currentTarget.style.display = 'none';
-                  e.currentTarget.parentElement!.style.display = 'none';
-                }}
-              />
-            </div>
-          ) : (
-            <div 
-              className="mb-6 flex h-24 w-24 items-center justify-center rounded-2xl"
-              style={{
-                background: `linear-gradient(135deg, ${primaryColor}, ${secondaryColor})`,
-                boxShadow: `0 10px 40px ${primaryColor}50`,
-              }}
-            >
-              <StyleIcon className="h-12 w-12 text-white" />
-            </div>
-          )}
 
           <h2 
             className="mb-3 font-['Space_Grotesk'] text-4xl font-bold"

client/src/data/distros.json

@@ -636,8 +636,7 @@
       "style": "modern",
       "resourceUsage": "medium-high",
       "customization": "extreme",
-      "colorPalette": ["#1D99F3", "#3DAEE9", "#0D5A8F"],
+      "colorPalette": ["#1D99F3", "#3DAEE9", "#0D5A8F"]
-      "image": "kde.png"
     },
     {
       "id": "gnome",
@@ -646,8 +645,7 @@
       "style": "minimalist",
       "resourceUsage": "medium-high",
       "customization": "limited",
-      "colorPalette": ["#4A86CF", "#3584E4", "#1C71D8"],
+      "colorPalette": ["#4A86CF", "#3584E4", "#1C71D8"]
-      "image": "gnome.png"
     },
     {
       "id": "xfce",
@@ -656,8 +654,7 @@
       "style": "traditional",
       "resourceUsage": "low",
       "customization": "moderate",
-      "colorPalette": ["#2EB8E6", "#00AAD4", "#007EA8"],
+      "colorPalette": ["#2EB8E6", "#00AAD4", "#007EA8"]
-      "image": "xfce.png"
     },
     {
       "id": "cinnamon",
@@ -666,8 +663,7 @@
       "style": "traditional",
       "resourceUsage": "medium",
       "customization": "good",
-      "colorPalette": ["#87CF3E", "#6BBD2B", "#4E9A1A"],
+      "colorPalette": ["#87CF3E", "#6BBD2B", "#4E9A1A"]
-      "image": "cinnamon.png"
     },
     {
       "id": "mate",
@@ -676,8 +672,7 @@
       "style": "traditional",
       "resourceUsage": "low-medium",
       "customization": "good",
-      "colorPalette": ["#6CAD54", "#4E8A3A", "#356425"],
+      "colorPalette": ["#6CAD54", "#4E8A3A", "#356425"]
-      "image": "mate.png"
     },
     {
       "id": "lxqt",
@@ -686,8 +681,7 @@
       "style": "minimal",
       "resourceUsage": "very-low",
       "customization": "moderate",
-      "colorPalette": ["#0099CC", "#0077AA", "#005588"],
+      "colorPalette": ["#0099CC", "#0077AA", "#005588"]
-      "image": "lxqt.png"
     },
     {
       "id": "budgie",
@@ -696,8 +690,7 @@
       "style": "modern",
       "resourceUsage": "medium",
       "customization": "moderate",
-      "colorPalette": ["#6BCA81", "#4CAF50", "#388E3C"],
+      "colorPalette": ["#6BCA81", "#4CAF50", "#388E3C"]
-      "image": "budgie.png"
     },
     {
       "id": "pantheon",
@@ -706,8 +699,7 @@
       "style": "mac-like",
       "resourceUsage": "medium",
       "customization": "very-limited",
-      "colorPalette": ["#64BAFF", "#3689E6", "#0D52BF"],
+      "colorPalette": ["#64BAFF", "#3689E6", "#0D52BF"]
-      "image": "pantheon.png"
     },
     {
       "id": "cosmic",
@@ -716,8 +708,7 @@
       "style": "modern",
       "resourceUsage": "medium",
       "customization": "good",
-      "colorPalette": ["#FAA41A", "#48B9C7", "#574F4A"],
+      "colorPalette": ["#FAA41A", "#48B9C7", "#574F4A"]
-      "image": "cosmic.png"
     },
     {
       "id": "dde",
@@ -726,8 +717,7 @@
       "style": "beautiful",
       "resourceUsage": "medium-high",
       "customization": "moderate",
-      "colorPalette": ["#0082FC", "#006DD9", "#0052A3"],
+      "colorPalette": ["#0082FC", "#006DD9", "#0052A3"]
-      "image": "dde.png"
     },
     {
       "id": "i3",
@@ -736,8 +726,7 @@
       "style": "minimal-tiling",
       "resourceUsage": "very-low",
       "customization": "extreme",
-      "colorPalette": ["#285577", "#1C3D5A", "#122A40"],
+      "colorPalette": ["#285577", "#1C3D5A", "#122A40"]
-      "image": "i3.png"
     },
     {
       "id": "hyprland",
@@ -746,8 +735,7 @@
       "style": "minimal-tiling",
       "resourceUsage": "low",
       "customization": "extreme",
-      "colorPalette": ["#00D4AA", "#00B894", "#009874"],
+      "colorPalette": ["#00D4AA", "#00B894", "#009874"]
-      "image": "hyprland.png"
     }
   ],
   "criticalQuestions": [