diff --git a/src/webapp/features/cards/containers/cardsContainer/CardsContainer.tsx b/src/webapp/features/cards/containers/cardsContainer/CardsContainer.tsx index 3cdb6292..124af4c3 100644 --- a/src/webapp/features/cards/containers/cardsContainer/CardsContainer.tsx +++ b/src/webapp/features/cards/containers/cardsContainer/CardsContainer.tsx @@ -1,12 +1,18 @@ 'use client'; -import { Container, Stack } from '@mantine/core'; +import { Button, Container, Stack } from '@mantine/core'; import { Suspense } from 'react'; import CardsContainerContent from '../cardsContainerContent/CardsContainerContent'; import CardsContainerContentSkeleton from '../cardsContainerContent/Skeleton.CardsContainerContent'; import { CardFilters } from '@/features/cards/components/cardFilters/CardFilters'; +import Link from 'next/link'; +import { IoSearch } from 'react-icons/io5'; -export default function CardsContainer({ handle }: { handle: string }) { +interface Props { + handle: string; +} + +export default function CardsContainer(props: Props) { return ( @@ -14,10 +20,19 @@ export default function CardsContainer({ handle }: { handle: string }) { + }> - + diff --git a/src/webapp/features/search/containers/searchResultsContainer/SearchResultsContainer.tsx b/src/webapp/features/search/containers/searchResultsContainer/SearchResultsContainer.tsx deleted file mode 100644 index 4de6955c..00000000 --- a/src/webapp/features/search/containers/searchResultsContainer/SearchResultsContainer.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import { - Box, - Container, - Group, - ScrollAreaAutosize, - Stack, - Tabs, - TabsList, - TabsPanel, -} from '@mantine/core'; -import CardSearchResultsContainer from '../cardSearchResultsContainer/CardSearchResultsContainer'; -import ProfileSearchResultsContainer from '../profileSearchResultsContainer/ProfileSearchResultsContainer'; -import SearchBar from '../../components/searchBar/SearchBar'; -import { BiCollection } from 'react-icons/bi'; -import { FaRegNoteSticky } from 'react-icons/fa6'; -import { MdOutlinePeopleAlt } from 'react-icons/md'; -import CollectionSearchResultsContainer from '../collectionSearchResultsContainer/CollectionSearchResultsContainer'; -import CollectionSearchResultsContainerSkeleton from '../collectionSearchResultsContainer/Skeleton.CollectionSearchResultsContainer'; -import CardSearchResultsContainerSkeleton from '../cardSearchResultsContainer/Skeleton.CardSearchresultsContainerSkeleton'; -import ProfileSearchResultsContainerSkeleton from '../profileSearchResultsContainer/Skeleton.ProfileSearchResultsContainer'; -import SearchTabItem from '../../components/searchTabItem/SearchTabItem'; -import { Suspense } from 'react'; -import { UrlType } from '@semble/types'; - -interface Props { - query: string; - handle?: string; - urlType?: UrlType; - content?: string; -} - -export default function SearchResultsContainer(props: Props) { - const activeTab = props.content || 'cards'; - - // build search params for each tab - const buildTabHref = (tabValue: string) => { - const params = new URLSearchParams(); - if (props.query) params.set('query', props.query); - if (props.handle) params.set('handle', props.handle); - if (props.urlType) params.set('urlType', props.urlType); - - const route = tabValue === 'cards' ? '/search' : `/search/${tabValue}`; - const queryString = params.toString(); - return queryString ? `${route}?${queryString}` : route; - }; - - return ( - - - - - - - - - - } - /> - - } - /> - - } - /> - - - - - - - - - } - key={props.query} - > - - - - - - - ); -}