From ed501eca35e9041192f57d31e5ac2da54953f8fa Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Wed, 22 Oct 2025 13:14:01 -0700
Subject: [PATCH] feat: unify semble collections grid with its skeleton

---
 .../SembleCollectionsContainer.tsx              | 17 ++++-------------
 src/webapp/next-env.d.ts                        |  1 -
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/webapp/features/semble/containers/sembleCollectionsContainer/SembleCollectionsContainer.tsx b/src/webapp/features/semble/containers/sembleCollectionsContainer/SembleCollectionsContainer.tsx
index f00cbe58..a5184ff9 100644
--- a/src/webapp/features/semble/containers/sembleCollectionsContainer/SembleCollectionsContainer.tsx
+++ b/src/webapp/features/semble/containers/sembleCollectionsContainer/SembleCollectionsContainer.tsx
@@ -2,7 +2,7 @@
 
 import useSembleCollections from '@/features/collections/lib/queries/useSembleCollectionts';
 import InfiniteScroll from '@/components/contentDisplay/infiniteScroll/InfiniteScroll';
-import { Center, Grid, Loader } from '@mantine/core';
+import { Center, Loader, SimpleGrid } from '@mantine/core';
 import SembleCollectionsError from './Error.SembleCollectionsContainer';
 import CollectionCard from '@/features/collections/components/collectionCard/CollectionCard';
 import SembleEmptyTab from '../../components/sembleEmptyTab/SembleEmptyTab';
@@ -47,20 +47,11 @@ export default function SembleCollectionsContainer(props: Props) {
         </Center>
       }
     >
-      <Grid gutter="md">
+      <SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }} spacing="md">
         {allCollections.map((col) => (
-          <Grid.Col
-            key={col.id}
-            span={{
-              base: 12,
-              sm: 6,
-              lg: 4,
-            }}
-          >
-            <CollectionCard collection={col} showAuthor />
-          </Grid.Col>
+          <CollectionCard collection={col} showAuthor />
         ))}
-      </Grid>
+      </SimpleGrid>
     </InfiniteScroll>
   );
 }
diff --git a/src/webapp/next-env.d.ts b/src/webapp/next-env.d.ts
index 830fb594..1b3be084 100644
--- a/src/webapp/next-env.d.ts
+++ b/src/webapp/next-env.d.ts
@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
-- 
2.51.2