diff --git a/src/pages/MyPage/components/main/common/NoContent.jsx b/src/pages/MyPage/components/main/common/NoContent.jsx index 1da6df9..78309ba 100644 --- a/src/pages/MyPage/components/main/common/NoContent.jsx +++ b/src/pages/MyPage/components/main/common/NoContent.jsx @@ -1,9 +1,9 @@ import PropTypes from 'prop-types'; -const NoContent = ({ children }) => { +const NoContent = ({ onClick, children }) => { return (
- 한라봉 캐릭터 이미지 + 한라봉 캐릭터 이미지

{children}

); @@ -12,5 +12,6 @@ const NoContent = ({ children }) => { export default NoContent; NoContent.propTypes = { + onClick: PropTypes.func, children: PropTypes.node, }; diff --git a/src/pages/MyPage/components/main/schedule/ScheduleSection.jsx b/src/pages/MyPage/components/main/schedule/ScheduleSection.jsx index 8969ac2..ab96369 100644 --- a/src/pages/MyPage/components/main/schedule/ScheduleSection.jsx +++ b/src/pages/MyPage/components/main/schedule/ScheduleSection.jsx @@ -5,11 +5,12 @@ import { deleteTripApi, getAllTripsApi } from '@/apis/supabaseApi'; import MyPageHeader from '../common/MyPageHeader'; import NoContent from '../common/NoContent'; import Schedule from './Schedule'; +import { useNavigate } from 'react-router-dom'; const ScheduleSection = () => { const [scheduleData, setScheduleData] = useState([]); - const { userId } = useSelector(state => state.user); + const navigate = useNavigate(); const fetchScheduleData = async userId => { try { @@ -54,7 +55,7 @@ const ScheduleSection = () => { > )) ) : ( - 일정을 등록해주세요! + navigate('/trip/add-trip')}>아이콘을 눌러 일정을 등록해주세요! )}