From 02b4b07f559672ac4cd09e08f42f0a07f78479dd Mon Sep 17 00:00:00 2001
From: "sosuke.iwabuchi" <sosuke.iwabuchi@satellite-tech.co.jp>
Date: Tue, 31 Oct 2023 15:32:10 +0900
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=89=95=E4=B8=80=E8=A6=A7=E9=A0=85?=
 =?UTF-8?q?=E7=9B=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/season-ticket-contract.ts                      |  1 +
 .../dashboard/contract/component/PayingPlanList.tsx    | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/api/season-ticket-contract.ts b/src/api/season-ticket-contract.ts
index 247ef26..b2ddd39 100644
--- a/src/api/season-ticket-contract.ts
+++ b/src/api/season-ticket-contract.ts
@@ -34,6 +34,7 @@ export type PaymentPlan = {
   payment_method: string | null;
   payment_plan_date: string | null;
   payment_status: string | null;
+  payment_name: string | null;
   revision: number;
 };
 
diff --git a/src/pages/dashboard/contract/component/PayingPlanList.tsx b/src/pages/dashboard/contract/component/PayingPlanList.tsx
index d018376..9c6ac64 100644
--- a/src/pages/dashboard/contract/component/PayingPlanList.tsx
+++ b/src/pages/dashboard/contract/component/PayingPlanList.tsx
@@ -4,6 +4,7 @@ import {
   Table,
   TableBody,
   TableCell,
+  TableHead,
   TableRow,
   Typography,
 } from "@mui/material";
@@ -49,6 +50,14 @@ export default function PayingPlanList({}: PayingPlanListProps) {
     <Paper sx={{ p: 2 }}>
       <Typography variant="h5">お支払い状況</Typography>
       <Table>
+        <TableHead>
+          <TableRow>
+            <TableCell>支払予定日</TableCell>
+            <TableCell>名称</TableCell>
+            <TableCell>支払方法</TableCell>
+            <TableCell>状況</TableCell>
+          </TableRow>
+        </TableHead>
         <TableBody>
           {paymentPlans
             .filter((ele, index) => {
@@ -58,6 +67,7 @@ export default function PayingPlanList({}: PayingPlanListProps) {
               return (
                 <TableRow key={index}>
                   <TableCell>{ele.payment_plan_date}</TableCell>
+                  <TableCell>{ele.payment_name}</TableCell>
                   <TableCell>{ele.payment_method}</TableCell>
                   <TableCell>{ele.payment_status}</TableCell>
                 </TableRow>