From 51f66aa6cd725e6c6ce82a70728b58cc6ce47ee6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Sun, 26 Jun 2022 22:47:56 -0300
Subject: [PATCH] Use new util function to create array

---
 src/components/AssignmentCard.js |  1 +
 src/screens/Home/View.js         | 36 ++++++++++++++------------------
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/components/AssignmentCard.js b/src/components/AssignmentCard.js
index 7ab4609..daad853 100644
--- a/src/components/AssignmentCard.js
+++ b/src/components/AssignmentCard.js
@@ -110,6 +110,7 @@ function AssignmentCard({ title, classrooms, dueDate, scores, layoutType }) {
                 .filter((_, i) => i > 0)
                 .map(c => (
                   <div
+                    key={c.id}
                     style={{
                       position: 'absolute',
                       width: '100%',
diff --git a/src/screens/Home/View.js b/src/screens/Home/View.js
index 057be5f..5114c47 100644
--- a/src/screens/Home/View.js
+++ b/src/screens/Home/View.js
@@ -95,16 +95,14 @@ function View({ layoutType, classrooms, assignments }) {
             gap="30px"
           >
             {classrooms === null ? (
-              Array(6)
-                .fill()
-                .map((_, index) => (
-                  <Skeleton
-                    key={index}
-                    variant="rectangular"
-                    width="100%"
-                    height={245}
-                  />
-                ))
+              createArrayFrom1ToN(6).map(i => (
+                <Skeleton
+                  key={i}
+                  variant="rectangular"
+                  width="100%"
+                  height={245}
+                />
+              ))
             ) : classrooms.length !== 0 ? (
               classrooms.map(classroom => (
                 <ClassCard
@@ -131,16 +129,14 @@ function View({ layoutType, classrooms, assignments }) {
             gap="30px"
           >
             {assignments === null ? (
-              Array(6)
-                .fill()
-                .map((_, index) => (
-                  <Skeleton
-                    key={index}
-                    variant="rectangular"
-                    width="100%"
-                    height={245}
-                  />
-                ))
+              createArrayFrom1ToN(6).map(i => (
+                <Skeleton
+                  key={i}
+                  variant="rectangular"
+                  width="100%"
+                  height={245}
+                />
+              ))
             ) : assignments.length !== 0 ? (
               assignments.map(assignment => (
                 <AssignmentCard