PROD.2025/DataRush
1
0
Fork 0
mirror of https://gitlab.com/megazordpobeda/DataRush.git synced 2026-05-23 14:27:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: added competition preview page model

Browse Source
This commit is contained in:
rngsurrounded
2025-03-01 15:03:58 +09:00
parent a232b287aa
commit 692e9b5be8
19 changed files with 150 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/frontend/src/pages/CompetitionsPage/components/CompetitionCard/index.tsx
+12 -3
View File
@@ -1,10 +1,11 @@
import { Competition } from "../../types";
import { Competition } from "@/shared/types/types";
import { cn } from "@/shared/lib/utils";
import {
Card,
CardContent,
CardFooter,
} from "@/components/ui/card";
import { useNavigate } from "react-router";
interface CompetitionCardProps {
competition: Competition;
@@ -12,10 +13,18 @@ interface CompetitionCardProps {
}
export function CompetitionCard({ competition, className }: CompetitionCardProps) {
const { name, imageUrl, isOlympics, status } = competition;
const { id, name, imageUrl, isOlympics, status } = competition;
const navigate = useNavigate();
const handleClick = () => {
navigate(`/competition/${id}`);
};
return (
<Card className={cn("overflow-hidden h-full", className)}>
<Card
className={cn("overflow-hidden h-full", className)}
onClick={handleClick}
>
<div className="relative h-48 overflow-hidden">
<img
src={imageUrl}