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([]); + const [plans, setPlans] = useState({}); 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() {