From 02eafaa5596a8fb1a37e605098718ff069e49a8a Mon Sep 17 00:00:00 2001
From: "sosuke.iwabuchi" <sosuke.iwabuchi@satellite-tech.co.jp>
Date: Tue, 5 Dec 2023 17:29:51 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=97=E3=83=A9=E3=83=B3=E5=A4=89=E6=9B=B4?=
 =?UTF-8?q?=E3=81=AE=E5=90=8D=E7=A7=B0=E3=82=92=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                  |  5 +++--
 src/pages/dashboard/contract/change-plan-order.tsx | 10 +++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/api/season-ticket-contract.ts b/src/api/season-ticket-contract.ts
index 6c214cd..de25ab5 100644
--- a/src/api/season-ticket-contract.ts
+++ b/src/api/season-ticket-contract.ts
@@ -7,6 +7,7 @@ import {
   request,
 } from "api";
 import { getUrl } from "./url";
+import { Dictionary } from "@types";
 
 export type SeasonTicketContract = {
   season_ticekt_contract_record_no: string | null;
@@ -186,12 +187,12 @@ export const orderUpdateVehicleInfo = async (
   return res;
 };
 
-// -------プラン変更依頼------------------
+// -------プラン変更依頼 変更可能先プラン名取得------------------
 type GetChangePlanOrderParamsRequest = {
   season_ticket_contract_record_no: string;
 };
 type GetChangePlanOrderParamsResponse = {
-  data: string[];
+  data: Dictionary;
 } & APICommonResponse;
 export const getChangePlanOrderParams = async (
   data: GetChangePlanOrderParamsRequest
diff --git a/src/pages/dashboard/contract/change-plan-order.tsx b/src/pages/dashboard/contract/change-plan-order.tsx
index 4aeaab7..9624839 100644
--- a/src/pages/dashboard/contract/change-plan-order.tsx
+++ b/src/pages/dashboard/contract/change-plan-order.tsx
@@ -8,7 +8,7 @@ import {
   TableRow,
   Typography,
 } from "@mui/material";
-import { HasChildren } from "@types";
+import { Dictionary, HasChildren } from "@types";
 import {
   getChangePlanOrderParams,
   orderChangePlan,
@@ -66,12 +66,12 @@ export default function ChangPaymentIntervalOrder() {
 
   const [mode, setMode] = useState<"input" | "confirm" | "done">("input");
 
-  const [plans, setPlans] = useState<string[]>([]);
+  const [plans, setPlans] = useState<Dictionary>({});
 
   const planOptions: SelectOptionProps[] = useMemo(() => {
-    return plans.map((planName) => ({
+    return Object.keys(plans).map((planName) => ({
       value: planName,
-      label: planName,
+      label: plans[planName],
     }));
   }, [plans]);
 
@@ -155,7 +155,7 @@ export default function ChangPaymentIntervalOrder() {
                   <TableCell>
                     <TextFieldEx
                       multiline
-                      value={form.getValues("plan_name")}
+                      value={plans[form.getValues("plan_name")]}
                       readOnly
                       fullWidth
                     />