領収証発行依頼詳細画面に利用者画面のリンクを追加（一旦ローカルのみ）

SATE_RECEIPT-29 8/3 打ち合わせメモ

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}>