chore: cleanup

EnAccess · Nov 12, 2024 · 2effd88 · 2effd88
1 parent 05c93d2
commit 2effd88
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 14 deletions.
diff --git a/src/components/Block.tsx b/src/components/Block.tsx
@@ -21,23 +21,19 @@ const Block = ({ title, description, entries, minifiedHeader, maxColumns }: Prop
     () => calculateRowAndColNumber(entries, maxColumns || MAX_COL_SPAN),
     [entries]
   );
+
   const colSpan = useMemo(() => {
     if (columns < MIN_COL_SPAN) return MIN_COL_SPAN;
     return columns
-  }, [entries]);
+  }, [entries, columns]);
 
-  const rowSpan = useMemo(() => {
-    return rows + 1
-  }, [rows]);
+  const rowSpan = rows + 1;
 
-  const blockHeight = useMemo(
-    () => rowSpan,
-    [rows]
-  );
   const filteredEntries = useFilter(entries);
+
   return (
     <div
-      className={`col-span-${colSpan} row-span-${rowSpan} mx-auto p-8 bg-gray-100 border-2 border-dashed border-gray-400 `}
+      className={`col-span-${colSpan} row-span-${rowSpan} p-8 bg-gray-100 border-2 border-dashed border-gray-400 `}
     >
       <Header
         title={title}
@@ -47,7 +43,7 @@ const Block = ({ title, description, entries, minifiedHeader, maxColumns }: Prop
       <div className="m-auto">
         <CardCanvas
           data={filteredEntries}
-          blockHeight={blockHeight}
+          blockHeight={rowSpan}
           columns={columns}
         />
       </div>

diff --git a/src/components/Group.tsx b/src/components/Group.tsx
@@ -15,9 +15,8 @@ const Group = ({
       <h3 className="text-neutral-500 font-semibold text-center text-5xl mt-20 mb-12">
         {data.title != "NO GROUP" && data.title}
       </h3>
-      <div className="flex w-full">
-        <div
-          className={`p-4 grid grid-cols-10 grid-flow-dense place-content-center justify-items-center gap-3 text-sm w-full`}
+      <div
+          className={`p-4 grid grid-cols-10 grid-flow-row-dense gap-3 text-sm w-full`}
         >
           {data.blocks.map((block, i) => {
             return (
@@ -32,7 +31,6 @@ const Group = ({
             );
           })}
         </div>
-      </div>
     </>
   );
 };