부가서비스 - 링크결제 발송내역 상세: 페이지 로드 API, 재발송 API 연결

src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx

@@ -10,11 +10,6 @@ export const TitleInfoWrap = ({
   onClickToShowInfo
 }: DetailInfoSectionProps) => {
 
-  const variants = {
-    hidden: { height: 0, padding: 0, margin: 0, display: 'none' },
-    visible: { height: 'auto', padding: '16px', margin: '10px 0', display: 'block' },
-  };
-
   const onClickToSetShowInfo = () => {
     if (!!onClickToShowInfo) {
       onClickToShowInfo(DetailInfoSectionKeys.Title);
@@ -32,15 +27,35 @@ export const TitleInfoWrap = ({
 
   return (
     <>
-      {additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch&& (
-          <>
-            <div className="num-amount">
-              <span className="amount">{titleInfo?.accountNo}</span>
-            </div>
-            <div className="num-store">{titleInfo?.bankName}</div>
-            <div className="num-day">{titleInfo?.requestDate}</div>
-          </>
-        )}
+      {additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch && (
+        <>
+          <div className="num-amount">
+            <span className="amount">{titleInfo?.accountNo}</span>
+          </div>
+          <div className="num-store">{titleInfo?.bankName}</div>
+          <div className="num-day">{titleInfo?.requestDate}</div>
+        </>
+      )}
+      {additionalServiceCategory === AdditionalServiceCategory.LinkPaymentShipping && (
+        <>
+          <div className="num-amount">
+            <span className="amount-text">
+              <NumericFormat
+                value={titleInfo?.amount}
+                thousandSeparator
+                displayType="text"
+                suffix={ '원' }
+              ></NumericFormat>
+            </span>
+          </div>
+          <div className="num-store">{titleInfo?.corpName}</div>
+          <div className="num-day">{titleInfo?.requestDate}</div>
+        </>
+      )}
+      {additionalServiceCategory === AdditionalServiceCategory.LinkPaymentPending && (
+        <>
+        </>
+      )}
     </>
   );
 };