From b8e2743877d6be59eda9df306022746474a29fb4 Mon Sep 17 00:00:00 2001
From: "sosuke.iwabuchi" <sosuke.iwabuchi@satellite-tech.co.jp>
Date: Mon, 7 Aug 2023 14:21:45 +0900
Subject: [PATCH] =?UTF-8?q?=E9=A0=98=E5=8F=8E=E8=A8=BC=E7=99=BA=E8=A1=8C?=
 =?UTF-8?q?=E4=BE=9D=E9=A0=BC=E8=A9=B3=E7=B4=B0=E7=94=BB=E9=9D=A2=E3=81=AB?=
 =?UTF-8?q?=E5=88=A9=E7=94=A8=E8=80=85=E7=94=BB=E9=9D=A2=E3=81=AE=E3=83=AA?=
 =?UTF-8?q?=E3=83=B3=E3=82=AF=E3=82=92=E8=BF=BD=E5=8A=A0=EF=BC=88=E4=B8=80?=
 =?UTF-8?q?=E6=97=A6=E3=83=AD=E3=83=BC=E3=82=AB=E3=83=AB=E3=81=AE=E3=81=BF?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SATE_RECEIPT-29 8/3 打ち合わせメモ
---
 .../custom/hello-techno/detail.tsx              | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/detail.tsx b/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/detail.tsx
index 8cbd281..00b9cbe 100644
--- a/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/detail.tsx
+++ b/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/detail.tsx
@@ -24,9 +24,11 @@ import useSnackbarCustom from "hooks/useSnackbarCustom";
 import { isNumber } from "lodash";
 import { useEffect, useMemo, useState } from "react";
 import { useParams } from "react-router-dom";
+import { getPath } from "routes/path";
 import { sprintf } from "sprintf-js";
 import { formatDateStr, formatDateTimeStr } from "utils/datetime";
 import useChangeHandlerDialog from "../../hooks/useChangeHandlerDialog";
+import { APP_ENV } from "config";
 
 export default function ReceiptIssuingOrderDetail() {
   const { setHeaderTitle, setTabs } = useDashboard(
@@ -69,6 +71,16 @@ export default function ReceiptIssuingOrderDetail() {
     }
   };
 
+  const userPageUrl: string = useMemo(() => {
+    if (!order) return "";
+    const path = getPath(PageID.APP_RECEIPT_ISSUING_ORDER_INDEX, {
+      query: {
+        token: order.access_token,
+      },
+    });
+    return path;
+  }, [order]);
+
   const hasMailOrder = useMemo(() => {
     return !!order?.status_order_mail_datetime;
   }, [order]);
@@ -206,6 +218,11 @@ export default function ReceiptIssuingOrderDetail() {
           <Grid item xs={12}>
             <Stack direction="row" spacing={2}>
               <Button onClick={() => navigate(-1)}>戻る</Button>
+              {APP_ENV === "local" && (
+                <Button href={userPageUrl} target="_blank">
+                  利用者画面
+                </Button>
+              )}
             </Stack>
           </Grid>
           <Grid item xs={12} lg={4}>