auto-claude: subtask-4-2 - Memoize animation variants in PortfolioGrid.tsx

2026-01-25 06:39:38 +01:00
parent f527201b8b
commit a07cea1a96
7 changed files with 308 additions and 13 deletions
@@ -18,20 +18,21 @@ interface PortfolioGridProps {
  projects: Project[];
 }

-const PortfolioGrid = ({ projects }: PortfolioGridProps) => {
-  const containerVariants = {
-    hidden: {},
-    visible: {
-      transition: {
-        staggerChildren: 0.1,
-      },
+const containerVariants = {
+  hidden: {},
+  visible: {
+    transition: {
+      staggerChildren: 0.1,
    },
-  };
+  },
+};

-  const itemVariants = {
-    hidden: { opacity: 0, y: 20 },
-    visible: { opacity: 1, y: 0 },
-  };
+const itemVariants = {
+  hidden: { opacity: 0, y: 20 },
+  visible: { opacity: 1, y: 0 },
+};
+
+const PortfolioGrid = ({ projects }: PortfolioGridProps) => {

  return (
    <motion.div