홈화면 바로가기 관련 수정

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<string>('nictest001m');
   const [searchDate, setSearchDate] = useState<string>(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 = () => {
           <a className="arrow">
             <img 
               src={ IMAGE_ROOT + '/ico_arrow.svg' } 
-              alt="오늘 매출 바로가기" 
+              alt="오늘 매출 바로가기"
+              onClick={ onClickToNavigate }
             />
           </a>
         </div>
@@ -123,7 +131,8 @@ export const BoxContainer1 = () => {
           <a className="arrow">
             <img 
               src={ IMAGE_ROOT + '/ico_arrow.svg' } 
-              alt="오늘 매출 바로가기" 
+              alt="오늘 매출 바로가기"
+              onClick={ onClickToNavigate }
             />
           </a>
         </div>

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<string>('nictest001m');
   const [searchDate, setSearchDate] = useState<string>(moment().format('YYYY-MM-DD'));
@@ -71,6 +74,10 @@ export const BoxContainer2 = () => {
     callOverview();
   }, []);
 
+  const onClickToNavigate = () => {
+    navigate(PATHS.settlement.list);
+  };
+
   return (
     <>
       <div>
@@ -99,7 +106,11 @@ export const BoxContainer2 = () => {
               ></NumericFormat>
             </span>
             <a className="arrow">
-              <img src={ IMAGE_ROOT + '/ico_arrow.svg' } alt="오늘 매출 바로가기" />
+              <img 
+                src={ IMAGE_ROOT + '/ico_arrow.svg' } 
+                alt="오늘 매출 바로가기" 
+                onClick={ onClickToNavigate }
+              />
             </a>
           </div>
         </div>
@@ -124,7 +135,11 @@ export const BoxContainer2 = () => {
               ></NumericFormat>
             </span>
             <a className="arrow">
-              <img src={ IMAGE_ROOT + '/ico_arrow.svg' } alt="오늘 매출 바로가기" />
+              <img 
+                src={ IMAGE_ROOT + '/ico_arrow.svg' }
+                alt="오늘 매출 바로가기"
+                onClick={ onClickToNavigate }
+              />
             </a>
           </div>
         </div>

src/entities/home/ui/favorite-wrapper.tsx

@@ -22,16 +22,13 @@ export const FavoriteWrapper = () => {
   const getItems = () => {
     let rs = [];
     for(let i=0;i<items.length;i++){
-      let img = items[i]?.img;
-      let text = items[i]?.text;
-      let key = 'slide-key-'+i;
       rs.push(
         <SwiperSlide
-          key={ key }
+          key={ 'slide-key-'+i }
         >
           <FavoriteItem 
-            img={ img } 
+            img={ items[i]?.img } 
-            text={ text }
+            text={ items[i]?.text }
           ></FavoriteItem>
         </SwiperSlide>
       );
@@ -45,7 +42,6 @@ export const FavoriteWrapper = () => {
       <Swiper 
         spaceBetween={9}
         slidesPerView={4}
-        onSlideChange={() => console.log('slide change')}
       >
         { getItems() }
         <SwiperSlide>

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) }
                 />
               </SwiperSlide>
             ))

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<maxCnt;i++){
       rs.push(
         <HomeNoticeItem