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();