Problems components

2026-02-03 15:13:02 +01:00
parent 5ea19d106c
commit ebb8e7e872
6 changed files with 3 additions and 69 deletions
@@ -1,81 +0,0 @@
-import { Clock, Zap, Users } from "lucide-react";
-
-interface ProblemCardProps {
-  name: string;
-  difficulty: "easy" | "medium" | "hard";
-  tags: string[];
-  bestTime?: string;
-  attempts: number;
-  index?: number;
-}
-
-const ProblemCard = ({ name, difficulty, tags, bestTime, attempts, index = 0 }: ProblemCardProps) => {
-  const difficultyStyles = {
-    easy: "diff-easy",
-    medium: "diff-medium",
-    hard: "diff-hard",
-  };
-
-  const difficultyLabels = {
-    easy: "Easy",
-    medium: "Medium",
-    hard: "Hard",
-  };
-
-  return (
-    <div 
-      className={`group relative bg-card border border-border rounded-xl p-5 card-hover cursor-pointer animate-fade-in opacity-0`}
-      style={{ animationDelay: `${index * 0.1}s`, animationFillMode: 'forwards' }}
-    >
-      {/* Glow effect on hover */}
-      <div className="absolute inset-0 rounded-xl bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
-      
-      <div className="relative">
-        {/* Header */}
-        <div className="flex items-start justify-between mb-3">
-          <h3 className="font-semibold text-foreground group-hover:text-primary transition-colors">
-            {name}
-          </h3>
-          <span className={`px-2 py-1 rounded-md text-xs font-medium ${difficultyStyles[difficulty]}`}>
-            {difficultyLabels[difficulty]}
-          </span>
-        </div>
-
-        {/* Tags */}
-        <div className="flex flex-wrap gap-2 mb-4">
-          {tags.map((tag) => (
-            <span 
-              key={tag} 
-              className="px-2 py-1 rounded-md bg-secondary text-muted-foreground text-xs"
-            >
-              {tag}
-            </span>
-          ))}
-        </div>
-
-        {/* Stats */}
-        <div className="flex items-center gap-4 text-sm text-muted-foreground">
-          {bestTime && (
-            <div className="flex items-center gap-1.5">
-              <Clock className="h-4 w-4 text-primary" />
-              <span className="font-mono">{bestTime}</span>
-            </div>
-          )}
-          <div className="flex items-center gap-1.5">
-            <Users className="h-4 w-4" />
-            <span>{attempts} runs</span>
-          </div>
-        </div>
-
-        {/* Quick run button - appears on hover */}
-        <div className="absolute top-1/2 right-4 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-x-2 group-hover:translate-x-0">
-          <button className="p-2 rounded-lg bg-primary text-primary-foreground">
-            <Zap className="h-4 w-4" />
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default ProblemCard;
@@ -1,66 +0,0 @@
-import { Check, Minus } from "lucide-react";
-
-interface SplitRowProps {
-  problemName: string;
-  splitTime: string;
-  delta?: string;
-  isCompleted: boolean;
-  isCurrent?: boolean;
-  pbTime?: string;
-}
-
-const SplitRow = ({ problemName, splitTime, delta, isCompleted, isCurrent, pbTime }: SplitRowProps) => {
-  const getDeltaColor = (delta?: string) => {
-    if (!delta) return "text-muted-foreground";
-    if (delta.startsWith("-")) return "text-emerald-400";
-    if (delta.startsWith("+")) return "text-red-400";
-    return "text-muted-foreground";
-  };
-
-  return (
-    <div 
-      className={`flex items-center justify-between py-3 px-4 rounded-lg transition-all duration-300 ${
-        isCurrent 
-          ? 'bg-primary/10 border border-primary/30' 
-          : isCompleted 
-            ? 'bg-secondary/50' 
-            : 'bg-card'
-      }`}
-    >
-      <div className="flex items-center gap-3">
-        {/* Status indicator */}
-        <div className={`w-6 h-6 rounded-full flex items-center justify-center ${
-          isCompleted 
-            ? 'bg-emerald-500/20 text-emerald-400' 
-            : isCurrent 
-              ? 'bg-primary/20 text-primary pulse-live' 
-              : 'bg-secondary text-muted-foreground'
-        }`}>
-          {isCompleted ? <Check className="h-3.5 w-3.5" /> : <Minus className="h-3.5 w-3.5" />}
-        </div>
-        
-        <span className={`font-medium ${isCurrent ? 'text-primary' : isCompleted ? 'text-foreground' : 'text-muted-foreground'}`}>
-          {problemName}
-        </span>
-      </div>
-
-      <div className="flex items-center gap-4">
-        {/* Delta */}
-        {isCompleted && delta && (
-          <span className={`split-time ${getDeltaColor(delta)}`}>
-            {delta}
-          </span>
-        )}
-        
-        {/* Split time */}
-        <span className={`split-time min-w-[70px] text-right ${
-          isCompleted ? 'text-foreground' : 'text-muted-foreground'
-        }`}>
-          {isCompleted ? splitTime : pbTime || '--:--'}
-        </span>
-      </div>
-    </div>
-  );
-};
-
-export default SplitRow;