支払一覧項目修正

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;
 };
 

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>