diff --git a/src/components/Modal/FilterModal/FilterModal.tsx b/src/components/Modal/FilterModal/FilterModal.tsx index 08cd1ea..f47ccd0 100644 --- a/src/components/Modal/FilterModal/FilterModal.tsx +++ b/src/components/Modal/FilterModal/FilterModal.tsx @@ -48,7 +48,11 @@ const FilterModal = ({ const renderForm = (
); diff --git a/src/components/common/Filter/WineTypeFilter.tsx b/src/components/common/Filter/WineTypeFilter.tsx index 6d895ef..e0baac8 100644 --- a/src/components/common/Filter/WineTypeFilter.tsx +++ b/src/components/common/Filter/WineTypeFilter.tsx @@ -50,7 +50,7 @@ const WineTypeFilter = ({ max={1000000} value={priceRange} onChange={setPriceRange} - className='w-[17.7rem]' + className='w-[17.7rem] ml-1' /> diff --git a/src/components/common/winelist/WineFilter.tsx b/src/components/common/winelist/WineFilter.tsx index 065fe14..41bd715 100644 --- a/src/components/common/winelist/WineFilter.tsx +++ b/src/components/common/winelist/WineFilter.tsx @@ -1,5 +1,7 @@ import { useState } from 'react'; +import { toast } from 'sonner'; + import SearchButton from '@/assets/icons/SearchButton.svg'; import WineTypeFilter from '@/components/common/Filter/WineTypeFilter'; import Input from '@/components/common/Input'; @@ -7,6 +9,7 @@ import WineListCard from '@/components/common/winelist/WineListCard'; import FilterModal from '@/components/Modal/FilterModal/FilterModal'; import AddWineModal from '@/components/Modal/WineModal/AddWineModal'; import { Button } from '@/components/ui/button'; +import { useUser } from '@/hooks/useUser'; import useWineSearchKeywordStore from '@/stores/searchStore'; export default function WineFilter() { @@ -15,6 +18,8 @@ export default function WineFilter() { const { searchTerm, setSearchTerm } = useWineSearchKeywordStore(); + const { user } = useUser(); + return (