diff --git a/src/contexts/dashboard/SeasonTicketContractContext.tsx b/src/contexts/dashboard/SeasonTicketContractContext.tsx index 12235a0..9947b70 100644 --- a/src/contexts/dashboard/SeasonTicketContractContext.tsx +++ b/src/contexts/dashboard/SeasonTicketContractContext.tsx @@ -72,6 +72,10 @@ export function SeasonTicketContractContextProvider({ children }: Props) { query: { id }, }) ); + } else { + navigateWhenChanged( + getPath(PageID.DASHBOARD_SEASON_TICKET_CONTRACT_LIST) + ); } }; diff --git a/src/pages/dashboard/contract/parking-certificate-order.tsx b/src/pages/dashboard/contract/parking-certificate-order.tsx index fd04ff6..be3c28a 100644 --- a/src/pages/dashboard/contract/parking-certificate-order.tsx +++ b/src/pages/dashboard/contract/parking-certificate-order.tsx @@ -21,7 +21,6 @@ import { useSeasonTicketContractContext } from "contexts/dashboard/SeasonTicketC import useAPICall from "hooks/useAPICall"; import useAuth from "hooks/useAuth"; import useDashboard from "hooks/useDashBoard"; -import useNavigateCustom from "hooks/useNavigateCustom"; import useSnackbarCustom from "hooks/useSnackbarCustom"; import { PageID, TabID } from "pages"; import { useEffect, useMemo, useState } from "react"; @@ -117,14 +116,14 @@ export default function ParkingCertificateOrder() { ), }); - const { navigateWhenChanged, navigate } = useNavigateCustom(); - const { error } = useSnackbarCustom(); const { selectedseasonTicketContract, backToDetailHome } = useSeasonTicketContractContext(); - const [mode, setMode] = useState<"input" | "confirm" | "done">("input"); + const [mode, setMode] = useState<"announce" | "input" | "confirm" | "done">( + "announce" + ); const { callAPI: callOrderParkingCertificate } = useAPICall({ apiMethod: orderParkingCertificate, @@ -182,6 +181,10 @@ export default function ParkingCertificateOrder() { } }, [selectedseasonTicketContract, user]); + useEffect(() => { + scrollToTop("auto"); + }, [mode]); + if (selectedseasonTicketContract === null) { return null; } @@ -355,6 +358,106 @@ export default function ParkingCertificateOrder() { ); } + if (mode === "announce") { + return ( + + + + + + + + (一財)京都市都市整備公社が管理運営する定期駐車場の車庫証明書発行申請フォームです。 + +   + + 【注意事項】ご申請前に必ずご一読ください。 + + + 1. + 車庫証明書発行手数料として + + 3,000円(税込) + + が必要となります。 + + + 2. + 京都府内の駐車場は「車両番号(ナンバープレート)」または「車台番号」が必須となります。 + + +  ※車台番号はお車固有の番号のため、車検証その他ディーラー等にてご確認下さい。 + + + 3. + 証明書の発行から + + 到着までは + + 3~5営業日程度 + + お時間を要します。 + + + + (土日祝を除く。受付順にて順次対応のため、予めご了承下さい。) + + + 4. + 駐車場の新規ご契約と同時にご申請をいただく場合、初回料金のお支払い確認後の発送となります。 + + + + (新規ご契約の方は + + 2箇月分以上 + + の駐車料金を前納となります。備考に駐車場新規申込の旨記載下さい。) + + + + また、ご利用開始日より前に警察署へ証明書をご提出いただく事はできません。 + + + 5. + 弊社で発行する書類は「定期契約証明書又は保管場所使用承諾証明書」「位置図」「場内図」の3点です。 + + + 6. + 定期利用取扱事項に従い、駐車場契約を解約する場合は所管の警察署に保管場所変更届を提出して下さい。 + +   + + 上記ご確認のうえご申請をお願い致します。 + + + + + + + + ); + } + return ( - - - 車庫証明証記載内容 @@ -437,6 +537,13 @@ export default function ParkingCertificateOrder() { +