プラン変更の名称を修正

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

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
                     />