부가서비스

- 링크결제 발송내역/발송대기 엑셀다운로드 API 연결
- 링크결제 발송대기 상세 페이지 목업 API 연결
- 링크결제 발송대기 삭제 API 연결

src/pages/additional-service/link-payment/link-payment-history-page.tsx

@@ -0,0 +1,44 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useState } from 'react';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { IMAGE_ROOT } from '@/shared/constants/common';
+import { HeaderType } from '@/entities/common/model/types';
+import { LinkPaymentTab } from '@/entities/additional-service/ui/link-payment/link-payment-tab';
+import { LinkPaymentTabKeys } from '@/entities/additional-service/model/types';
+import { LinkPaymentHistoryWrap } from '../../../entities/additional-service/ui/link-payment/link-payment-history-wrap';
+import {
+    useSetHeaderTitle,
+    useSetHeaderType,
+    useSetFooterMode,
+    useSetOnBack
+} from '@/widgets/sub-layout/use-sub-layout';
+
+/**
+ * 발송내역 탭 화면
+ */
+
+export const LinkPaymentHistoryPage = () => {
+    const { navigate } = useNavigate();
+
+    const [activeTab, setActiveTab] = useState<LinkPaymentTabKeys>(LinkPaymentTabKeys.ShippingHistory)
+
+    useSetHeaderTitle('링크결제')
+    useSetHeaderType(HeaderType.LeftArrow);
+    useSetFooterMode(false);
+    useSetOnBack(() => {
+        navigate(PATHS.home);
+    });
+
+    return (
+        <>
+            <main>
+                <div className="tab-content">
+                    <div className="tab-pane pt-46 active">
+                        <LinkPaymentTab activeTab={activeTab}></LinkPaymentTab>
+                        <LinkPaymentHistoryWrap></LinkPaymentHistoryWrap>
+                    </div>
+                </div>
+            </main>
+        </>
+    )
+}