Fix key error for skills with less than 3 projects

rbourdon · Aug 3, 2023 · cbb31ee · cbb31ee
1 parent 5ecfb81
commit cbb31ee
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/components/Projects/ProjectsScroller.js b/components/Projects/ProjectsScroller.js
@@ -121,13 +121,26 @@ export default function ProjectScroller({ projects, bgColor, primaryColor }) {
           onPanStart={handlePanStart}
           onPan={handlePan}
           onPanEnd={handlePanEnd}
-          style={{ cursor: panning ? "grabbing" : "grab" }}
+          style={{
+            cursor: panning ? "grabbing" : "grab",
+            gridTemplateColumns: `repeat(${Math.min(
+              3,
+              projects.length
+            )}, 340px)`,
+          }}
         >
           {[
-            ...projects.slice(rollerPos, rollerPos + 3),
+            ...projects.slice(
+              rollerPos,
+              rollerPos + Math.min(3, projects.length)
+            ),
             ...projects.slice(
               0,
-              3 - projects.slice(rollerPos, rollerPos + 3).length
+              Math.min(3, projects.length) -
+                projects.slice(
+                  rollerPos,
+                  rollerPos + Math.min(3, projects.length)
+                ).length
             ),
           ].map((project, index) => {
             return (