자금이체 탭

src/entities/additional-service/model/types.ts

@@ -1,5 +1,12 @@
 import { DefaulResponsePagination } from '@/entities/common/model/types';
 
+export enum FundTransferTabKeys {
+  RequestList = 'RequestList',
+  ResultInquiry = 'ResultInquiry'
+};
+export interface FundTransferTabProps {
+  activeTab: FundTransferTabKeys;
+};
 export interface ExtensionRequestParams {
   mid: string;
 };

src/entities/additional-service/ui/fund-transfer-request-list-wrap.tsx

@@ -0,0 +1,8 @@
+export const FundTransferRequestListWrap = () => {
+
+  return (
+    <>
+    
+    </>
+  );
+};

src/entities/additional-service/ui/fund-transfer-result-inquiry-wrap.tsx

@@ -0,0 +1,8 @@
+export const FundTransferResultInquiryWrap = () => {
+
+  return (
+    <>
+    
+    </>
+  );
+};

src/entities/additional-service/ui/fund-transfer-tab.tsx

@@ -0,0 +1,37 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { 
+  FundTransferTabKeys, 
+  FundTransferTabProps 
+} from '../model/types';
+export const FundTransferTab = ({
+  activeTab
+}: FundTransferTabProps) => {
+  const { navigate } = useNavigate();
+
+  const onClickToNavigation = (tab: FundTransferTabKeys) => {
+    if(activeTab !== tab){
+      if(tab === FundTransferTabKeys.RequestList){
+        navigate(PATHS.additionalService.fundTransfer.requestList);
+      }
+      else if(tab === FundTransferTabKeys.ResultInquiry){
+        navigate(PATHS.additionalService.fundTransfer.resultInquiry);
+      }
+    }
+  };
+
+  return (
+    <>
+      <div className="subTab">
+        <button 
+          className={`subtab-btn ${(activeTab === FundTransferTabKeys.RequestList)? 'active': ''}` }
+          onClick={ () => onClickToNavigation(FundTransferTabKeys.RequestList) } 
+        >이체 신청</button>
+        <button 
+          className={`subtab-btn ${(activeTab === FundTransferTabKeys.ResultInquiry)? 'active': ''}` }
+          onClick={ () => onClickToNavigation(FundTransferTabKeys.ResultInquiry) } 
+        >결과 조회</button>
+      </div>
+    </>
+  );
+};