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 (
{/* PC: 필터 + 검색창 + 등록 버튼 */} @@ -27,7 +32,10 @@ export default function WineFilter() { variant='purpleDark' size='md' width={null} - onClick={() => setShowRegisterModal(true)} + onClick={() => { + if (!user) toast.error('', { description: '로그인이 필요합니다.' }); + else setShowRegisterModal(true); + }} className='ml-[30px] mb-[200px] w-[284px]' > 와인 등록하기 diff --git a/src/components/common/winelist/WineListCard.tsx b/src/components/common/winelist/WineListCard.tsx index f722733..6046f4c 100644 --- a/src/components/common/winelist/WineListCard.tsx +++ b/src/components/common/winelist/WineListCard.tsx @@ -74,7 +74,7 @@ export default function WineListCard() { rightSlot={null} >
-
+
{wine.name}
diff --git a/src/components/ui/carousel.tsx b/src/components/ui/carousel.tsx index 9c7311e..50ecc5d 100644 --- a/src/components/ui/carousel.tsx +++ b/src/components/ui/carousel.tsx @@ -189,6 +189,7 @@ const CarouselPrevious = React.forwardRef state.reset); + const setSearchTerm = useWineSearchKeywordStore((state) => state.setSearchTerm); + useEffect(() => { + return () => { + reset(); + setSearchTerm(''); + }; + }, []); + return (