skeletons, tournament stats, polish, bug fixes
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
import { Stack } from "@mantine/core";
|
||||
import { motion, AnimatePresence } from "framer-motion";
|
||||
import { Match } from "../types";
|
||||
import MatchCard from "./match-card";
|
||||
|
||||
@@ -18,19 +17,13 @@ const MatchList = ({ matches }: MatchListProps) => {
|
||||
|
||||
return (
|
||||
<Stack p="md" gap="sm">
|
||||
<AnimatePresence>
|
||||
{filteredMatches.map((match, index) => (
|
||||
<motion.div
|
||||
key={`match-${match.id}-${index}`}
|
||||
initial={{ opacity: 0, y: 10 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
exit={{ opacity: 0, y: -10 }}
|
||||
transition={{ duration: 0.2, delay: index * 0.01 }}
|
||||
>
|
||||
<MatchCard match={match} />
|
||||
</motion.div>
|
||||
))}
|
||||
</AnimatePresence>
|
||||
{filteredMatches.map((match, index) => (
|
||||
<div
|
||||
key={`match-${match.id}-${index}`}
|
||||
>
|
||||
<MatchCard match={match} />
|
||||
</div>
|
||||
))}
|
||||
</Stack>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user