立て看板PDF取得対応

src/pages/dashboard/qr-service/サービス券発行用QRコード.tsx → src/pages/dashboard/qr-service/サービス券発行/index.tsx

@@ -4,6 +4,7 @@ import {
   QRサービス券取得用トークンリフレッシュ,
   QRサービス券取得用トークン取得,
 } from "api/qr-service";
+import { HOST_API } from "config";
 import useAPICall from "hooks/useAPICall";
 import useAuth from "hooks/useAuth";
 import useDashboard from "hooks/useDashBoard";
@@ -14,7 +15,7 @@ import QRCode from "qrcode";
 import { useEffect, useMemo, useState } from "react";
 import { getFullPath, getPath } from "routes/path";
 
-export default function サービス券発行用QRコード() {
+export default function Main() {
   const { setHeaderTitle, setTabs } = useDashboard(
     PageID.サービス券発行用QRコード,
     TabID.NONE
@@ -59,6 +60,12 @@ export default function サービス券発行用QRコード() {
     }
   }, [url]);
 
+  const pdfUrl = useMemo(() => {
+    return [HOST_API, "pdf", "qr-service", "acquisition", "announcement"].join(
+      "/"
+    );
+  }, []);
+
   useEffect(() => {
     setHeaderTitle("サービス券発行用QRコード");
   }, [setHeaderTitle, setTabs]);
@@ -80,6 +87,11 @@ export default function サービス券発行用QRコード() {
             <Box mx="auto">
               <RefreshButton fetch={fetch}>QRコードリフレッシュ</RefreshButton>
             </Box>
+            <Box mx="auto">
+              <Button href={pdfUrl} target="_blank">
+                PDF
+              </Button>
+            </Box>
           </Stack>
         </Paper>
       </Stack>

src/routes/sub/dashboard.tsx

@@ -21,7 +21,7 @@ export default function DashboardRoutes(): RouteObject[] {
     );
 
     const サービス券発行用QRコード = Loadable(
-      lazy(() => import("pages/dashboard/qr-service/サービス券発行用QRコード"))
+      lazy(() => import("pages/dashboard/qr-service/サービス券発行"))
     );
     const サービス券利用履歴 = Loadable(
       lazy(() => import("pages/dashboard/qr-service/利用履歴一覧"))