From 6eaacb22d2b351651a4969dfcac9d5c121cb8321 Mon Sep 17 00:00:00 2001
From: "sosuke.iwabuchi" <sosuke.iwabuchi@satellite-tech.co.jp>
Date: Tue, 4 Jul 2023 10:05:35 +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=E4=B8=80=E8=A6=A7=E3=81=AB=E4=B8=80=E6=8B=AC?=
 =?UTF-8?q?=E3=81=AF=E3=81=8C=E3=81=8D=E3=83=80=E3=82=A6=E3=83=B3=E3=83=AD?=
 =?UTF-8?q?=E3=83=BC=E3=83=89=E3=83=9C=E3=82=BF=E3=83=B3=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=E3=80=80=E6=A9=9F=E8=83=BD=E6=9C=AA=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom/hello-techno/list.tsx              | 42 ++++++++++++-------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/list.tsx b/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/list.tsx
index 9a47b68..77809bc 100644
--- a/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/list.tsx
+++ b/src/pages/dashboard/receipt-issuing-order/custom/hello-techno/list.tsx
@@ -1,3 +1,5 @@
+import { Clear } from "@mui/icons-material";
+import AccountCircleIcon from "@mui/icons-material/AccountCircle";
 import {
   Box,
   Button,
@@ -5,8 +7,6 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
-  Drawer,
-  FormControl,
   Grid,
   IconButton,
   Stack,
@@ -16,25 +16,23 @@ import {
   TableContainer,
   TablePagination,
   TableRow,
-  TextField,
   Tooltip,
   Typography,
 } from "@mui/material";
 import { Dictionary } from "@types";
+import { ApiId } from "api";
 import {
   ReceiptIssuingOrderHTCustom,
   getReceiptIssuingOrders,
 } from "api/custom/hello-techno/receipt-issuing-order";
+import { getFullUrl } from "api/url";
 import { PageID, TabID } from "codes/page";
-import {
-  FormProvider,
-  RHFCheckbox,
-  RHFSelect,
-  RHFTextField,
-} from "components/hook-form";
+import { FormProvider, RHFCheckbox, RHFTextField } from "components/hook-form";
+import RHFDatePicker from "components/hook-form/RHFDatePicker";
 import { TableHeadCustom } from "components/table";
 import { SearchConditionContextProvider } from "contexts/SearchConditionContext";
 import useAPICall from "hooks/useAPICall";
+import useAuth from "hooks/useAuth";
 import useBackDrop from "hooks/useBackDrop";
 import useDashboard from "hooks/useDashBoard";
 import useNavigateCustom from "hooks/useNavigateCustom";
@@ -43,12 +41,7 @@ import useTable, { UseTableReturn } from "hooks/useTable";
 import { useEffect, useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
 import { getPath } from "routes/path";
-import AccountCircleIcon from "@mui/icons-material/AccountCircle";
-import { RHFSelectMuiliple } from "components/hook-form/RHFSelect";
-import useAuth from "hooks/useAuth";
-import RHFDatePicker from "components/hook-form/RHFDatePicker";
 import { dateParse, formatDateStr } from "utils/datetime";
-import { Clear } from "@mui/icons-material";
 
 export default function ReceiptIssuingOrderList() {
   const { setHeaderTitle, setTabs } = useDashboard(
@@ -141,6 +134,16 @@ function SearchBox({ table }: CommonProps) {
     return !!orderDateFrom || !!orderDateTo;
   }, [orderDateFrom, orderDateTo]);
 
+  const downloadLetterUrl: string = useMemo(() => {
+    const data = table.row.find((data) => {
+      return data.status_order_mail_datetime !== null;
+    });
+    if (data) {
+      return getFullUrl(ApiId.DOWNLOAD_RECEIPT_LETTER) + "?id=" + data.id;
+    }
+    return "";
+  }, [table.row]);
+
   const handleSubmit = async (data: FormProps) => {
     addCondition(data);
   };
@@ -282,6 +285,17 @@ function SearchBox({ table }: CommonProps) {
               </IconButton>
             )}
           </Grid>
+          {/* <Grid item xs></Grid> */}
+          <Grid item xs={3}>
+            <Typography>はがき一括</Typography>
+            <Button
+              variant="contained"
+              disabled={!downloadLetterUrl}
+              href={downloadLetterUrl}
+            >
+              ダウンロード
+            </Button>
+          </Grid>
         </Grid>
       </Box>
       <Dialog