+
+
+ {isLoading ? (
+
+
+ );
+};
+
+export default CompetitionPreview;
\ No newline at end of file
diff --git a/services/frontend/src/pages/CompetitionsPage/components/CompetitionCard/index.tsx b/services/frontend/src/pages/CompetitionsPage/components/CompetitionCard/index.tsx
index 222d233..5c06328 100644
--- a/services/frontend/src/pages/CompetitionsPage/components/CompetitionCard/index.tsx
+++ b/services/frontend/src/pages/CompetitionsPage/components/CompetitionCard/index.tsx
@@ -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 (
-
+
+ ) : competition ? (
+ Загрузка...
+
+
+ ) : (
+
+ 
+
+
+
+
+
+
+
+ {competition.name}
+ +
+
+ {competition.description}
+
+
+ )}
+ Соревнование не найдено
+Запрошенное соревнование не существует или было удалено.
+