diff --git a/src/entities/common/ui/tax-invoice-sample.tsx b/src/entities/common/ui/tax-invoice-sample.tsx index 4d0a548..7fdd9e1 100644 --- a/src/entities/common/ui/tax-invoice-sample.tsx +++ b/src/entities/common/ui/tax-invoice-sample.tsx @@ -100,17 +100,479 @@ export const TaxInvoiceSample = ({ return ( <> - +
- +
+ + + + +
+ + + + + + + + + + +
+ NICEPAY +
+ + + + + + + + + + + + + + + + + + + +
+ + + + +
세금계산서
+
+ + + + + +
세금계산서 + + + + + + + + + +
승인번호 
관리번호 
+
+
+ + + + + +
+ + + + + +
+ 공
급
자 + 		+ + + + + + + + + + + + + + + + + + + + + +
등록번호815-81-00527
상호(법인명)나이스페이 주식회사성명김광철
사업장 주소서울특별시 영등포구 문래동 28길 25 (문래동 3가)
업태서비스업종목전자상거거래업
+
+ 		+ + + + + +
+ 공
급
받
는
자 + 		+ + + + + + + + + + + + + + + + + + + + + +
등록번호 
상호(법인명)나이스페이 주식회사성명홍길동
사업장 주소서울특별시 영등포구 문래동 28길 25 (문래동 3가)
업태종목
+
+
+
+ + + + + + + +
+ + + + + + + +
작성
+ + + + + + + + + + + +
년월일
20250805
+
+ 		+ + + + + + + +
공급가액
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
백십억천백십만천백십일
23456784554
+
+ 		+ + + + + + + +
세액
+ + + + + + + + + + + + + + + + + + + + + + + + + +
십억천백십만천백십일
4569332674
+
+ 		+ + + + + + + +
수정사유
 
+
+
+ + + + + +
+ + + + + + + + + + + + + + + + +
비고
월/일
08/05
08/05
08/05
+ 		+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
chamjo392m
품목규격수량단가공급가액세액비고
pg수수료 41,2431,242745 
       
       
+
+
+ + + + +
+ + + + + +
+ + + + + + + + + + + + + + + +
합계금액현금수표어음외상미수금
25,5001,2431,2431,2431,243
+ 		+ 이금액을 청구함 +
+
+
+
+ + + + + +
+ NICEPAY + + 사업자 등록번호 : 815-81-00527 | 결제대금예치업 등록번호 : 02-006-00041 +
+ 우편번호 : 03456 | 주소 : 서울특별시 영등포구 문래로28길 25 (문래동3가) +
+ 세미콜론문래 N타워 9층 나이스페이먼츠(주) | www.nicepay.co.kr +
+
+
+
- +
); }; \ No newline at end of file diff --git a/src/shared/constants/common.ts b/src/shared/constants/common.ts index 7cd4dab..bfab8ab 100644 --- a/src/shared/constants/common.ts +++ b/src/shared/constants/common.ts @@ -1,4 +1,35 @@ import packageInfo from '../../../package.json'; export const IMAGE_ROOT = '/images'; -export const RELEASE_VERSION = packageInfo.version; \ No newline at end of file +export const RELEASE_VERSION = packageInfo.version; + +export const ListScrollOn = (on: boolean) => { + let body = document.querySelector('body'); + if(body){ + if(!!on){ + body.style.overflowY = 'hidden'; + } + else{ + body.style.overflowY = 'auto'; + } + } +}; + +export const GetListHeight = () => { + let innerHeight = window.innerHeight; + let headerHeight = 50; + + let summarySection: HTMLDivElement | null = document.querySelector('.summary-section'); + let summarySectionHeight: number = (!!summarySection)? summarySection.offsetHeight: 0; + + let filterSection: HTMLDivElement | null = document.querySelector('.filter-section'); + let filterSectionHeight: number = (!!filterSection)? filterSection.offsetHeight: 0; + + return { + innerHeight: innerHeight, + headerHeight: headerHeight, + summarySectionHeight: summarySectionHeight, + filterSectionHeight: filterSectionHeight, + listHeight: innerHeight - headerHeight - summarySectionHeight - filterSectionHeight + } +}; \ No newline at end of file diff --git a/src/shared/model/store.ts b/src/shared/model/store.ts index 09da1b2..98b69e1 100644 --- a/src/shared/model/store.ts +++ b/src/shared/model/store.ts @@ -6,6 +6,14 @@ import { createUserInfoStore, UserInfoState } from '@/entities/user/model/store' import { createBannerInfoStore, BannerInfoState, createCommonStore, CommonState } from '@/entities/common/model/store'; import { StorageKeys } from '@/shared/constants/local-storage'; +export interface GroupDateOnStore { + groupDateOn: boolean; + setGroupDateOn: (groupDateOn: boolean) => void; +}; +export interface GroupDateStore { + groupDate: string; + setGroupDate: (groupDate: string) => void; +}; export interface MenuOnStore { menuOn: boolean; setMenuOn: (menuOn: boolean) => void; @@ -21,6 +29,24 @@ export interface MenuIdsStore { deleteMenuId: (menuId: number) => void; }; +export const useGroupDateOnStore = create((set) => ({ + groupDateOn: false, + setGroupDateOn: (groupDateOn: boolean) => { + set((state: { groupDateOn: boolean}) => ({ + groupDateOn: (state.groupDateOn = groupDateOn) + })); + } +})); + +export const useGroupDateStore = create((set) => ({ + groupDate: '', + setGroupDate: (groupDate: string) => { + set((state: { groupDate: string}) => ({ + groupDate: (state.groupDate = groupDate) + })); + } +})); + export const useMenuOnStore = create((set) => ({ menuOn: false, setMenuOn: (menuOn: boolean) => { diff --git a/src/shared/ui/assets/css/style-fix.css b/src/shared/ui/assets/css/style-fix.css index 1f36045..9b8c8b4 100644 --- a/src/shared/ui/assets/css/style-fix.css +++ b/src/shared/ui/assets/css/style-fix.css @@ -1,3 +1,15 @@ +html, body, #root, .wrapper { + height: 100%; +} + +.scrolloff { + overflow-y: hidden; +} + + +.transaction-list { + /* overflow-y: auto; */ +} main { height: auto; } @@ -24,7 +36,7 @@ main { overflow-y: hidden; } .tab-content{ - overflow-y: unset; + /*overflow-y: unset;*/ } .ic20.rot-180{ @@ -49,7 +61,7 @@ header{ padding-top: calc(env(safe-area-inset-top)); } main { - padding-top: calc(50px + env(safe-area-inset-top)) !important; + padding-top: calc(env(safe-area-inset-top)) !important; padding-bottom: env(safe-area-inset-bottom); } main.home-main{ @@ -526,4 +538,13 @@ main.pop{ .credit-controls .credit-period { width: 100%; +} + +.scroll-group-date { + position: fixed; + background-color: #ffffff; + width: calc(100% - 42px); + top: 50px; + padding-left: 10px; + } \ No newline at end of file diff --git a/src/shared/ui/assets/css/style-tax-invoice.css b/src/shared/ui/assets/css/style-tax-invoice.css index ee8e8c9..9a09835 100644 --- a/src/shared/ui/assets/css/style-tax-invoice.css +++ b/src/shared/ui/assets/css/style-tax-invoice.css @@ -62,3 +62,626 @@ margin-top: 0px; } +.tax-invoice { + margin: 0; background: #FAFAFA; + min-height: unset; + + position: fixed; + left: 0; + top: 0; + z-index: 1010; + display: unset; + padding-bottom: 0; + transform: translateX(100%); +} + +.tax-invoice .wrap-center { + width: 100%; background: #FAFAFA; margin: 0; padding: 0; +} +.tax-invoice .outer-table { + margin: 0; padding: 0; background: #FAFAFA; + border: 0; width: 100%; border-spacing: 0; +} +.tax-invoice .outer-table .outer-table-td { + margin: 0; padding: 0; +} +.tax-invoice .outer-table .outer-table-td .inner-table{ + width: 660px; max-width: 660px; margin:0 auto; border-spacing: 0; + overflow-x: visible; +} +.inner-table .inner-table-td1{ + padding: 20px 0 20px 0; +} +.inner-table .inner-table-td1 .nicepay-logo{ + display: block; border: 0; outline: none; text-decoration: none; +} +.inner-table .inner-table-td2{ + padding: 0 0 40px 0; +} +.inner-table2{ + width: 100%; border-spacing: 0; padding: 0; border: 0; +} +.inner-table2 .title-image { + display: block; margin: 0 auto; border: 0; + outline: none; text-decoration: none; + width: 48px; height: 48px; +} +.inner-table2-td { + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 24px; + font-weight: 700; + color: #111111; + line-height: 1.25; + padding: 10px 0 25px 0; +} +.inner-table2-td2 { + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 1.4; + color: #666666; + text-align: left; + padding-top: 0; +} + +.inner-table3 { + background: #FFFFFF; + box-shadow: 1px 2px 10px 0 rgba(0,0,0,0.10); + width: 100%; + border: 0; + border-spacing: 0; + padding: 0; +} + +.inner-table3-td1 { + padding: 20px 20px 10px 20px; +} + +.inner-table4 { + width: 100%; + border: 0; + border-spacing: 0; + padding: 0; +} +.inner-table4-td1 { + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 16px; + line-height: 1.4; + color: #1C1C1C; + font-weight: 700; + padding:0 0 10px 0; +} +.inner-table4-td2 { + padding: 0 20px 0 20px; +} +.inner-table4-td3 { + padding: 30px 20px 0 20px; +} +.inner-table4-td4{ + padding: 20px 0 20px 0; +} +.inner-table4-td5{ + padding: 0 70px 0 0; +} +.inner-table5 { + border-top: 2px solid #000; + border-left: 2px solid #000; + border-right: 2px solid #000; + border-bottom: 1px solid #000000; + border-collapse: collapse; + padding: 0; + border-spacing: 0; + width: 100%; +} +.inner-table5-td1 { + width: 310px; + border-right: 1px solid #000000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 11px; + line-height: 1.4; + color: #666666; + text-align: center; + vertical-align: middle; +} +.inner-table5-td2 { + width:310px; + padding:0; +} +.inner-table6 { + border-collapse: collapse; + border: 0; + width: 100%; + padding: 0; + border-spacing: 0; +} +.inner-table6-td1 { + background-color: #f9f9f9; + width: 37px; + padding: 2px 5px; + border-bottom: 1px solid #000000; + border-right: 1px solid #000000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 1.4; + color:#666666; + text-align:center; +} +.inner-table6-td2 { + padding: 2px 5px; + border-bottom: 1px solid #000000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 12px; + line-height: 1.4; + color: #222222; + text-align: left; +} +.inner-table6-td3 { + background-color: #f9f9f9; + width: 37px; + padding: 2px 5px; + border-right: 1px solid #000000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 1.4; + color: #666666; + text-align: center; +} +.inner-table6-td4 { + padding: 2px 5px; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 12px; + line-height: 1.4; + color: #222222; + text-align: left; +} +.inner-table6-td5 { + border-left: 1px solid #000; + background-color: #f9f9f9; + width: 20px; + padding: 0; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 1.4; + color: #666666; + text-align: center; + vertical-align: middle; +} +.inner-table6-td6 { + width: 280px; + padding: 0; + vertical-align: top; +} +.inner-table6-td7 { + background-color: #f9f9f9; + width: 56px; + padding: 2px 5px; + border-bottom: 1px solid #000; + border-right: 1px solid #000; + font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color:#666666; + text-align: center; +} +.inner-table6-td7-1 { + background-color: #f9f9f9; + width: 56px; + padding: 2px 5px; + border-right: 1px solid #000; + font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color:#666666; + text-align: center; +} +.inner-table6-td8 { + padding: 2px 5px; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table6-td8-1 { + padding: 2px 5px; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table6-td9 { + padding: 2px 5px; + border-bottom: 1px solid #000; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table6-td9-1 { + padding: 2px 5px; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table6-td10 { + background-color: #f9f9f9; + width:38px; + padding:2px 5px; + border-right:1px solid #000; + border-bottom:1px solid #000; + font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table6-td10-1 { + background-color: #f9f9f9; + width:38px; + padding:2px 5px; + border-right:1px solid #000; + font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table6-td11 { + width: 20px; + background-color: #f9f9f9; + padding:0; + border-left: 1px solid #000; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 1.3; + color: #666666; + text-align: center; + vertical-align:middle; +} +.inner-table6-td12 { + width: 280px; + padding: 0; + vertical-align: top; + border-right: 1px solid #000; +} +.inner-table6-td13 { + padding: 2px 5px; + border-bottom: 1px solid #000; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: center; +} +.inner-table6-td13-1 { + padding: 2px 5px; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: center; +} +.inner-table6-td14 { + padding: 2px 5px; + border-bottom: 1px solid #000; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: right; +} +.inner-table6-td14-1 { + padding: 2px 5px; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: right; +} +.inner-table6-td15 { + padding: 2px 5px; + border-bottom: 1px solid #000; + font-family:' Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table6-td15-1 { + padding: 2px 5px; + font-family:' Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table7 { + border-collapse: collapse; + border-top: 0.5px solid #000; + border-bottom: 2px solid #000; + width: 100%; + padding: 0; + border-spacing: 0; +} +.inner-table7-td1 { + width: 310px; + padding: 0; + vertical-align: top; + border-left: 0.5px solid #000; + border-right: 0.5px solid #000; +} +.inner-table7-td2 { + width: 310px; + padding: 0; + vertical-align: top; + border-right: 0.5px solid #000; +} +.inner-table8 { + border-collapse: collapse; + border-bottom: 2px solid #000; + border-left: 2px solid #000; + border-right: 2px solid #000; + padding: 0; + width: 100%; + border-spacing: 0; +} +.inner-table8-td1 { + width: 90px; + vertical-align: top; + padding: 0; +} +.inner-table9 { + border-collapse: collapse; + padding: 0; + border: 0; + border-spacing: 0; + width: 90px; +} +.inner-table9-td1 { + padding: 2px 5px; + background-color: #f9f9f9; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color:#666666; + text-align:center; +} +.inner-table9-td2 { + width: 30px; + padding: 2px 5px; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table9-td2-1 { + width: 30px; + padding: 2px 5px; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table9-td3 { + width: 214px; + vertical-align: top; + padding: 0 0 0 0; +} +.inner-table9-td4 { + width: 102px; + vertical-align: top; + padding: 0 0 0 0; + border-left: 0; +} +.inner-table10 { + border-collapse: collapse; + padding: 0; + border: 0; + border-spacing: 0; + width: 214px; +} +.inner-table10-td1 { + width: 19px; + padding: 2px 5px; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table10-td2 { + width: 19px; + padding: 2px 5px; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: center; +} +.inner-table11 { + border-collapse: collapse; + padding: 0; + border: 0; + border-spacing: 0; + width: 102px; +} +.inner-table11-td1 { + padding: 2px 5px; + background-color: #f9f9f9; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table11-td2 { + padding: 2px 5px; + border-right: 0; + border-bottom: 0; + border-left: 0; + font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: left; +} +.inner-table12 { + border-collapse: collapse; + border-left: 2px solid #000; + border-right: 2px solid #000; + border-bottom: 1px solid #000; + padding: 0; + border-spacing: 0; + width: 100%; +} +.inner-table12-td1 { + width: 40px; + padding: 0; + vertical-align: top; + border-right:1px solid #000; +} +.inner-table12-td2 { + width: 100%; + padding: 0; + vertical-align: top; +} +.inner-table13 { + border-collapse: collapse; + padding: 0; + border: 0; + border-spacing: 0; + width: 40px; +} +.inner-table13-td1 { + background-color: #f9f9f9; + padding: 2px 5px; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table13-td2 { + padding: 2px 5px; + border-bottom: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: center; +} +.inner-table13-td3 { + padding: 2px 5px; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align:center; +} +.inner-table14 { + padding: 0; + border: 0; + border-spacing: 0; + width: 100%; +} +.inner-table14-td1{ + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size:16px; + line-height: 1.4; + color: #1C1C1C; + font-weight: 700; + padding: 0; +} +.inner-table14-td2 { + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 14px; + line-height: 1.4; + color: #666666; + font-weight: 500; + padding: 4px 0; +} +.inner-table14-td3 { + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 14px; + line-height: 1.4; + color: #666666; + font-weight: 500; + padding: 4px 0 20px 0; +} +.inner-table15 { + border-collapse: collapse; + border-left: 2px solid #000; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-top: 0.5px solid #000; + padding: 0; + border-spacing: 0; + width: 100%; +} +.inner-table15-td1 { + width: 463px; + padding: 0; + vertical-align: top; + border-right: 1px solid #000; +} +.inner-table15-td2{ + padding: 2px 5px; + border-bottom: 1px solid #000; + border-right: 1px solid #000; + background: #F9F9F9; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table15-td3 { + padding: 2px 5px; + border-right: 1px solid #000; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: right; +} +.inner-table15-td4{ + padding: 2px 5px; + border-bottom: 1px solid #000; + background: #F9F9F9; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + text-align: center; +} +.inner-table15-td5 { + padding: 2px 5px; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #222222; + text-align: right; +} +.inner-table15-td6 { + width: 157px; + padding: 2px 0; + vertical-align: middle; + text-align: center; +} +.inner-table15-td7 { + display: block; + font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif; + font-size: 10px; + color: #666666; + line-height: 1.4; +} +.nicepay-gray-logo { + display: block; + border: 0; + outline: none; + text-decoration: none; +} +.tax-invoice-footer { + padding: 10px 30px 10px 10px; + font-family: Pretendard, Arial, Helvetica, sans-serif; + font-size: 12px; + line-height: 1.4; + color: #666666; +} \ No newline at end of file diff --git a/src/widgets/intersection-observer/index.ts b/src/widgets/intersection-observer/index.ts index 54a9c6d..dbf688b 100644 --- a/src/widgets/intersection-observer/index.ts +++ b/src/widgets/intersection-observer/index.ts @@ -1,7 +1,7 @@ import { useEffect, useState } from "react"; interface useIntersectionObserverProps { - root?: null; + root?: Element | null; rootMargin?: string; threshold?: number; onIntersect: IntersectionObserverCallback; diff --git a/src/widgets/sub-layout/index.tsx b/src/widgets/sub-layout/index.tsx index a3a892a..923ebc0 100644 --- a/src/widgets/sub-layout/index.tsx +++ b/src/widgets/sub-layout/index.tsx @@ -406,6 +406,10 @@ export const SubLayout = () => { return (
+