api 추가

src/entities/vat-return/ui/list-wrap.tsx

@@ -22,6 +22,7 @@ import useIntersectionObserver from '@/widgets/intersection-observer';
 import { TaxInvoiceDetail } from './detail/tax-invoice-detail';
 import { showAlert } from '@/widgets/show-alert';
 import { checkGrant } from '@/shared/lib/check-grant';
+import { TaxInvoiceSample } from '@/entities/common/ui/tax-invoice-sample';
 
 /* 세금계산서 48 */
 const menuId = 48;
@@ -41,6 +42,7 @@ export const ListWrap = () => {
   const [targetType, setTargetType] = useState<VatReturnTargetType>(VatReturnTargetType.ALL);
 
   const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
+  const [taxInvoiceSampleOn, setTaxInvoiceSampleOn] = useState<boolean>(false);
 
   const [detailOn, setDetailOn] = useState<boolean>(false);
   const [detailTaxInvoiceNumber, setDetailTaxInvoiceNumber] = useState<string>('');
@@ -258,6 +260,13 @@ export const ListWrap = () => {
           sendRequest={ onRequestDownloadExcel }
         ></DownloadBottomSheet>
       }
+      { !!taxInvoiceSampleOn &&
+        <TaxInvoiceSample
+          taxInvoiceSampleOn={ taxInvoiceSampleOn }
+          setTaxInvoiceSampleOn={ setTaxInvoiceSampleOn }
+        ></TaxInvoiceSample>
+
+      }
     </>
   );
 };