diff --git a/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/AtmosphereConfCollectionsContainer.tsx b/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/AtmosphereConfCollectionsContainer.tsx
index ba3f02f9..ec2768b6 100644
--- a/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/AtmosphereConfCollectionsContainer.tsx
+++ b/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/AtmosphereConfCollectionsContainer.tsx
@@ -1,12 +1,20 @@
'use client';
-import { Container, Stack } from '@mantine/core';
+import { Container, Group, Stack } from '@mantine/core';
import AtmosphereConfCollectionsContainerContent from '../atmosphereConfCollectionsContainerContent/AtmosphereConfCollectionsContainerContent';
+import { CollectionFilters } from '../../components/collectionFilters/CollectionFilters';
export default function AtmosphereConfCollectionsContainer() {
return (
+
+
+
+
+
+
+
diff --git a/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/Skeleton.AtmosphereConfCollectionsContainer.tsx b/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/Skeleton.AtmosphereConfCollectionsContainer.tsx
index 0928c899..74138ac4 100644
--- a/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/Skeleton.AtmosphereConfCollectionsContainer.tsx
+++ b/src/webapp/features/collections/containers/atmosphereConfCollectionsContainer/Skeleton.AtmosphereConfCollectionsContainer.tsx
@@ -1,9 +1,13 @@
-import { SimpleGrid, Stack } from '@mantine/core';
+import { Group, SimpleGrid, Skeleton, Stack } from '@mantine/core';
import CollectionCardSkeleton from '../../components/collectionCard/Skeleton.CollectionCard';
export default function AtmosphereConfCollectionsContainerSkeleton() {
return (
+
+
+
+
{Array.from({ length: 4 }).map((_, i) => (
diff --git a/src/webapp/features/collections/containers/atmosphereConfCollectionsContainerContent/AtmosphereConfCollectionsContainerContent.tsx b/src/webapp/features/collections/containers/atmosphereConfCollectionsContainerContent/AtmosphereConfCollectionsContainerContent.tsx
index bdd0e13a..3daf2bf4 100644
--- a/src/webapp/features/collections/containers/atmosphereConfCollectionsContainerContent/AtmosphereConfCollectionsContainerContent.tsx
+++ b/src/webapp/features/collections/containers/atmosphereConfCollectionsContainerContent/AtmosphereConfCollectionsContainerContent.tsx
@@ -9,8 +9,15 @@ import ProfileEmptyTab from '@/features/profile/components/profileEmptyTab/Profi
import AtmosphereConfCollectionsContainerError from '../atmosphereConfCollectionsContainer/Error.AtmosphereConfCollectionsContainer';
import AtmosphereConfCollectionsContainerContentSkeleton from './Skeleton.AtmosphereConfCollectionsContainerContent';
import { useUserSettings } from '@/features/settings/lib/queries/useUserSettings';
+import { useSearchParams } from 'next/navigation';
+import { CollectionSortField } from '@semble/types';
export default function AtmosphereConfCollectionsContainerContent() {
+ const searchParams = useSearchParams();
+ const sortBy =
+ (searchParams.get('collectionSort') as CollectionSortField) ??
+ CollectionSortField.UPDATED_AT;
+
const {
data,
isLoading,
@@ -21,6 +28,7 @@ export default function AtmosphereConfCollectionsContainerContent() {
isPending,
} = useSearchCollections({
searchText: 'atmosphereConf',
+ sortBy,
});
const { settings } = useUserSettings();