feat: created competitions page model

2026-05-24 04:27:09 +00:00 · 2025-03-01 14:29:12 +09:00
parent 6a993ce6ba
commit 9362ee30a9
34 changed files with 928 additions and 6 deletions
@@ -0,0 +1,46 @@
+import { Competition } from "../../types";
+import { cn } from "@/shared/lib/utils";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+} from "@/components/ui/card";
+
+interface CompetitionCardProps {
+  competition: Competition;
+  className?: string;
+}
+
+export function CompetitionCard({ competition, className }: CompetitionCardProps) {
+  const { name, imageUrl, isOlympics, status } = competition;
+
+  return (
+    <Card className={cn("overflow-hidden h-full", className)}>
+      <div className="relative h-48 overflow-hidden">
+        <img 
+          src={imageUrl} 
+          alt={name}
+          className="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
+        />
+      </div>
+      
+      <CardFooter className="p-4 pb-0 flex items-center text-xs font-medium font-hse-sans">
+        <span className="text-gray-500">
+          {isOlympics ? "Олимпиада" : "Тренировка"}
+        </span>
+        <span className="mx-2 w-1.5 h-1.5 rounded-full bg-gray-300"></span>
+        <span className={cn(
+          status === 'В процессе' && "text-yellow-500",
+          status === 'Завершено' && "text-green-500",
+          status === 'Не участвую' && "text-gray-500"
+        )}>
+          {status.replace(/^\w/, c => c.toUpperCase())}
+        </span>
+      </CardFooter>
+      
+      <CardContent className="p-4 pt-2">
+        <h3 className="font-semibold text-lg line-clamp-2 font-hse-sans">{name}</h3>
+      </CardContent>
+    </Card>
+  );
+}