From b02ffbf0e3b8f18477be647ce87e89a2716ed994 Mon Sep 17 00:00:00 2001
From: euglena1215 <teppest1215@gmail.com>
Date: Sun, 27 Nov 2022 23:11:28 +0900
Subject: [PATCH] get zengin-code from api

---
 .../pages/Top/internal/ChargeDialog/ChargeDialog.jsx     | 9 ++++++++-
 src/server/routes/api.js                                 | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/client/foundation/pages/Top/internal/ChargeDialog/ChargeDialog.jsx b/src/client/foundation/pages/Top/internal/ChargeDialog/ChargeDialog.jsx
index 4542e6912..a1da2d689 100644
--- a/src/client/foundation/pages/Top/internal/ChargeDialog/ChargeDialog.jsx
+++ b/src/client/foundation/pages/Top/internal/ChargeDialog/ChargeDialog.jsx
@@ -1,13 +1,14 @@
 import { motion } from "framer-motion";
 import React, { forwardRef, useCallback, useState } from "react";
-import zenginCode from "zengin-code";
 
 import { Dialog } from "../../../../components/layouts/Dialog";
 import { Spacer } from "../../../../components/layouts/Spacer";
 import { Stack } from "../../../../components/layouts/Stack";
 import { Heading } from "../../../../components/typographies/Heading";
+import { useFetch } from "../../../../hooks/useFetch";
 import { useMutation } from "../../../../hooks/useMutation";
 import { Space } from "../../../../styles/variables";
+import { jsonFetcher } from "../../../../utils/HttpUtils";
 
 const CANCEL = "cancel";
 const CHARGE = "charge";
@@ -67,6 +68,12 @@ export const ChargeDialog = forwardRef(({ onComplete }, ref) => {
     [charge, bankCode, branchCode, accountNo, amount, onComplete, clearForm],
   );
 
+  const { data: zenginCode } = useFetch("/api/zengin-code", jsonFetcher);
+
+  if (zenginCode === null) {
+    return <div>Loading...</div>;
+  }
+
   const bankList = Object.entries(zenginCode).map(([code, { name }]) => ({
     code,
     name,
diff --git a/src/server/routes/api.js b/src/server/routes/api.js
index 1231f0f29..8f29d2641 100644
--- a/src/server/routes/api.js
+++ b/src/server/routes/api.js
@@ -1,10 +1,12 @@
 import moment from "moment-timezone";
 import { Between, LessThanOrEqual, MoreThanOrEqual } from "typeorm";
+import zenginCode from "zengin-code";
 
 import { BettingTicket, Race, User } from "../../model/index.js";
 import { createConnection } from "../typeorm/connection.js";
 import { initialize } from "../typeorm/initialize.js";
 
+
 /**
  * @type {import('fastify').FastifyPluginCallback}
  */
@@ -157,6 +159,10 @@ export const apiRoute = async (fastify) => {
     res.send(bettingTicket);
   });
 
+  fastify.get("/zengin-code", async (req, res) => {
+    res.send(zenginCode);
+  });
+
   fastify.post("/initialize", async (_req, res) => {
     await initialize();
     res.status(204).send();