diff --git a/src/entities/home/ui/day-status-box-container1.tsx b/src/entities/home/ui/day-status-box-container1.tsx index adafe37..4a812f6 100644 --- a/src/entities/home/ui/day-status-box-container1.tsx +++ b/src/entities/home/ui/day-status-box-container1.tsx @@ -9,8 +9,11 @@ import { Sales, Settlement } from '../model/types'; +import { useNavigate } from '@/shared/lib/hooks'; +import { PATHS } from '@/shared/constants/paths'; export const BoxContainer1 = () => { + const { navigate } = useNavigate(); const [mid, setMid] = useState('nictest001m'); const [searchDate, setSearchDate] = useState(moment().format('YYYY-MM-DD')); @@ -49,6 +52,10 @@ export const BoxContainer1 = () => { setSettlement(rs.settlement); }); }; + + const onClickToNavigate = () => { + navigate(PATHS.settlement.list); + }; useEffect(() => { callToday(); @@ -79,7 +86,8 @@ export const BoxContainer1 = () => { 오늘 매출 바로가기 @@ -123,7 +131,8 @@ export const BoxContainer1 = () => { 오늘 매출 바로가기 diff --git a/src/entities/home/ui/day-status-box-container2.tsx b/src/entities/home/ui/day-status-box-container2.tsx index d26f235..5c12a26 100644 --- a/src/entities/home/ui/day-status-box-container2.tsx +++ b/src/entities/home/ui/day-status-box-container2.tsx @@ -5,8 +5,11 @@ import { HomeMonthParams, HomeMonthResponse, HomeOverviewParams, HomeOverviewRes import { useHomeOverviewMutation } from '../api/use-home-overview-mutation'; import { useHomeMonthwMutation } from '../api/use-home-month-mutation'; import { NumericFormat } from 'react-number-format'; +import { useNavigate } from '@/shared/lib/hooks'; +import { PATHS } from '@/shared/constants/paths'; export const BoxContainer2 = () => { + const { navigate } = useNavigate(); const [mid, setMid] = useState('nictest001m'); const [searchDate, setSearchDate] = useState(moment().format('YYYY-MM-DD')); @@ -71,6 +74,10 @@ export const BoxContainer2 = () => { callOverview(); }, []); + const onClickToNavigate = () => { + navigate(PATHS.settlement.list); + }; + return ( <>
@@ -99,7 +106,11 @@ export const BoxContainer2 = () => { > - 오늘 매출 바로가기 + 오늘 매출 바로가기
@@ -124,7 +135,11 @@ export const BoxContainer2 = () => { > - 오늘 매출 바로가기 + 오늘 매출 바로가기 diff --git a/src/entities/home/ui/favorite-wrapper.tsx b/src/entities/home/ui/favorite-wrapper.tsx index ceeb6d9..1ef268d 100644 --- a/src/entities/home/ui/favorite-wrapper.tsx +++ b/src/entities/home/ui/favorite-wrapper.tsx @@ -22,16 +22,13 @@ export const FavoriteWrapper = () => { const getItems = () => { let rs = []; for(let i=0;i ); @@ -45,7 +42,6 @@ export const FavoriteWrapper = () => { console.log('slide change')} > { getItems() } diff --git a/src/entities/home/ui/home-banner-list.tsx b/src/entities/home/ui/home-banner-list.tsx index aede51e..59eecc8 100644 --- a/src/entities/home/ui/home-banner-list.tsx +++ b/src/entities/home/ui/home-banner-list.tsx @@ -25,7 +25,7 @@ export const HomeBannerList = () => { }).finally(() => { let items = [ {title: '배너 이미지1', imageUrl: IMAGE_ROOT + '/sample_banner_0.png', linkUrl: '', order: ''}, - {title: '배너 이미지2', imageUrl: IMAGE_ROOT + '/home-banner01.png', linkUrl: '', order: ''}, + {title: '배너 이미지2', imageUrl: IMAGE_ROOT + '/home-banner01.png', linkUrl: 'link2', order: ''}, {title: '배너 이미지3', imageUrl: IMAGE_ROOT + '/home-banner01.png', linkUrl: '', order: ''}, ]; setBannerList(items); @@ -36,6 +36,12 @@ export const HomeBannerList = () => { callHomeBannerList(); }, []); + const onClickToMove = (linkUrl?: string) => { + if(!!linkUrl){ + alert('open :: ' + linkUrl); + } + }; + const swiperPagination = { bulletClass: 'banner-dot', bulletActiveClass: 'active', @@ -64,6 +70,7 @@ export const HomeBannerList = () => { width: '100%', height: '100%' }} + onClick={ () => onClickToMove(value.linkUrl) } /> )) diff --git a/src/entities/home/ui/home-notice-list.tsx b/src/entities/home/ui/home-notice-list.tsx index d2b48e2..da5d391 100644 --- a/src/entities/home/ui/home-notice-list.tsx +++ b/src/entities/home/ui/home-notice-list.tsx @@ -13,7 +13,7 @@ export const HomeNoticeList = () => { const getItems = () => { let rs = []; - let maxCnt = (!!resultList && resultList.length < 5)? resultList.length: 5; + let maxCnt = (!!resultList && resultList.length < 4)? resultList.length: 5; for(let i=0;i