거래내역 관련

src/entities/transaction/ui/cash-receipt-hand-written-issuance-step1.tsx

@@ -0,0 +1,90 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout';
+
+export const CashReceiptHandWrittenIssuanceStep1 = () => {
+  const { navigate } = useNavigate();
+
+  useSetOnBack(() => {
+    navigate(PATHS.transaction.cashReceipt.list);
+  });
+  return (
+    <>
+      <h2 className="issue-title">발행 정보 입력</h2>
+      <div className="issue-form">
+        <div className="issue-row">
+          <div className="issue-label">사업자 번호</div>
+          <div className="issue-field">
+            <input 
+              className="error"
+              type="text"
+              value="123456789"
+              disabled={ true }
+            />
+          </div>
+        </div>
+
+        <div className="issue-row">
+          <div className="issue-label">용도</div>
+          <div className="issue-field">
+            <div className="seg-buttons">
+              <button
+                className="btn-40 btn-blue"
+                type="button"
+              >소득공제</button>
+              <button
+                className="btn-40 btn-white"
+                type="button"
+              >지출증빙</button>
+            </div>
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">상품명</div>
+          <div className="issue-field">
+            <input 
+              type="text" 
+              placeholder="상품명"
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">구매자</div>
+          <div className="issue-field">
+            <input 
+              type="text" 
+              placeholder="구매자명"
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">발행번호</div>
+          <div className="issue-field">
+            <input 
+              type="text" 
+              placeholder="사업자번호 OR 휴대폰번호"
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">이메일 주소</div>
+          <div className="issue-field">
+            <input
+              type="email"
+              placeholder="TEST123@nicepay.com"
+            />
+          </div>
+        </div>
+        <div className="issue-row">
+          <div className="issue-label">전화번호</div>
+          <div className="issue-field">
+            <input
+              type="tel"
+              placeholder="01012345678"
+            />
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};