diff --git a/src/components/Tours/CreateTripButton.tsx b/src/components/Tours/CreateTripButton.tsx new file mode 100644 index 00000000..d00bc9d9 --- /dev/null +++ b/src/components/Tours/CreateTripButton.tsx @@ -0,0 +1,11 @@ +import { PlusIcon } from '@components/common/icons/Icons'; + +const CreateTripButton = () => { + return ( +
+ +
+ ); +}; + +export default CreateTripButton; diff --git a/src/components/Tours/ToursSectionTop.tsx b/src/components/Tours/ToursSectionTop.tsx index 0bb500af..52786fbc 100644 --- a/src/components/Tours/ToursSectionTop.tsx +++ b/src/components/Tours/ToursSectionTop.tsx @@ -6,7 +6,7 @@ const ToursSectionTop = () => { const [selectedRegion, setSelectedRegion] = useState('전체'); return ( - <> +

지금 인기여행지

{ setSelectedRegion={setSelectedRegion} />
- - +
); }; diff --git a/src/components/common/icons/Icons.tsx b/src/components/common/icons/Icons.tsx index adf48bb2..ba50fb82 100644 --- a/src/components/common/icons/Icons.tsx +++ b/src/components/common/icons/Icons.tsx @@ -415,8 +415,8 @@ export const PlusIcon: React.FC = ({ width="57.6" height="57.6" filterUnits="userSpaceOnUse" - color-interpolation-filters="sRGB"> - + colorInterpolationFilters="sRGB"> + {
-

+

navigate('/')} className="cursor-pointer flex-col items-center justify-center px-2"> -

일정

+

+ 일정 +

navigate('/')} @@ -30,7 +32,9 @@ const Nav = () => {
-

+

+ 찜 +

navigate('/')} diff --git a/src/pages/main/main.page.tsx b/src/pages/main/main.page.tsx index cc889053..f283fb26 100644 --- a/src/pages/main/main.page.tsx +++ b/src/pages/main/main.page.tsx @@ -1,9 +1,11 @@ +import CreateTripButton from '@components/Tours/CreateTripButton'; import ToursSectionTop from '@components/Tours/ToursSectionTop'; const Main = () => { return ( <> + ); };