cosmik.network
A social knowledge tool for researchers built on ATProto
feat: unify semble collections grid with its skeleton
+4
-13
src/webapp/features/semble/containers/sembleCollectionsContainer/SembleCollectionsContainer.tsx
+4
-13
src/webapp/features/semble/containers/sembleCollectionsContainer/SembleCollectionsContainer.tsx
···
2
3
import useSembleCollections from '@/features/collections/lib/queries/useSembleCollectionts';
4
import InfiniteScroll from '@/components/contentDisplay/infiniteScroll/InfiniteScroll';
5
-
import { Center, Grid, Loader } from '@mantine/core';
6
import SembleCollectionsError from './Error.SembleCollectionsContainer';
7
import CollectionCard from '@/features/collections/components/collectionCard/CollectionCard';
8
import SembleEmptyTab from '../../components/sembleEmptyTab/SembleEmptyTab';
···
47
</Center>
48
}
49
>
50
-
<Grid gutter="md">
51
{allCollections.map((col) => (
52
-
<Grid.Col
53
-
key={col.id}
54
-
span={{
55
-
base: 12,
56
-
sm: 6,
57
-
lg: 4,
58
-
}}
59
-
>
60
-
<CollectionCard collection={col} showAuthor />
61
-
</Grid.Col>
62
))}
63
-
</Grid>
64
</InfiniteScroll>
65
);
66
}
···
2
3
import useSembleCollections from '@/features/collections/lib/queries/useSembleCollectionts';
4
import InfiniteScroll from '@/components/contentDisplay/infiniteScroll/InfiniteScroll';
5
+
import { Center, Loader, SimpleGrid } from '@mantine/core';
6
import SembleCollectionsError from './Error.SembleCollectionsContainer';
7
import CollectionCard from '@/features/collections/components/collectionCard/CollectionCard';
8
import SembleEmptyTab from '../../components/sembleEmptyTab/SembleEmptyTab';
···
47
</Center>
48
}
49
>
50
+
<SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }} spacing="md">
51
{allCollections.map((col) => (
52
+
<CollectionCard collection={col} showAuthor />
53
))}
54
+
</SimpleGrid>
55
</InfiniteScroll>
56
);
57
}
-1
src/webapp/next-env.d.ts
-1
src/webapp/next-env.d.ts