From 9072ca42e8eddf96968202e96a2673d422c341c3 Mon Sep 17 00:00:00 2001
From: "sosuke.iwabuchi" <sosuke.iwabuchi@satellite-tech.co.jp>
Date: Tue, 20 Jun 2023 20:44:53 +0900
Subject: [PATCH] =?UTF-8?q?=E5=88=A9=E7=94=A8=E5=AE=9F=E7=B8=BECSV?=
 =?UTF-8?q?=E3=83=80=E3=82=A6=E3=83=B3=E3=83=AD=E3=83=BC=E3=83=89=E3=83=9C?=
 =?UTF-8?q?=E3=82=BF=E3=83=B3=E3=81=AE=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../use-summary/custom/hello-techno/list.tsx  | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/pages/dashboard/use-summary/custom/hello-techno/list.tsx b/src/pages/dashboard/use-summary/custom/hello-techno/list.tsx
index 06f0ae3..dc1c271 100644
--- a/src/pages/dashboard/use-summary/custom/hello-techno/list.tsx
+++ b/src/pages/dashboard/use-summary/custom/hello-techno/list.tsx
@@ -1,25 +1,22 @@
 import {
   Box,
+  Button,
   Grid,
-  Stack,
   Table,
   TableBody,
   TableCell,
   TableContainer,
-  TableHead,
   TablePagination,
   TableRow,
-  TextField,
   Typography,
 } from "@mui/material";
-import { Dictionary } from "@types";
 import {
   UseSummary,
   getUseSummaries,
   getUseSummaryYYYYMMs,
 } from "api/custom/hello-techno/use-summary";
 import { PageID, TabID } from "codes/page";
-import { FormProvider, RHFTextField } from "components/hook-form";
+import { FormProvider } from "components/hook-form";
 import RHFSelect, { SelectOptionProps } from "components/hook-form/RHFSelect";
 import { TableHeadCustom } from "components/table";
 import { SearchConditionContextProvider } from "contexts/SearchConditionContext";
@@ -30,9 +27,7 @@ import useSearchConditionContext from "hooks/useSearchConditionContext";
 import useTable, { UseTableReturn } from "hooks/useTable";
 import { useEffect, useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
-import { getPath } from "routes/path";
 import { sprintf } from "sprintf-js";
-import { formatYYYYMMStr, now } from "utils/datetime";
 
 export default function UseSummaryList() {
   const { setHeaderTitle, setTabs } = useDashboard(
@@ -99,6 +94,19 @@ function SearchBox({ table }: CommonProps) {
     });
   }, [yyyymm]);
 
+  const downloadCsvUrl = useMemo(() => {
+    if (!selectedYYYYMM) return "";
+    const param = new URLSearchParams({
+      summary_yyyymm: selectedYYYYMM,
+    });
+
+    return (
+      process.env.REACT_APP_HOST_API_KEY +
+      "/custom/hello-techno/use-summary/csv?" +
+      param.toString()
+    );
+  }, [selectedYYYYMM]);
+
   const { callAPI: callGetUseSummaryYYYYMMs } = useAPICall({
     apiMethod: getUseSummaryYYYYMMs,
     onSuccess: ({ data: { records } }) => {
@@ -180,6 +188,14 @@ function SearchBox({ table }: CommonProps) {
               size="small"
             />
           </Grid>
+          {!!selectedYYYYMM && (
+            <Grid item xs={3} lg={2}>
+              <Typography>CSV</Typography>
+              <Button variant="contained" color="info" href={downloadCsvUrl}>
+                ダウンロード
+              </Button>
+            </Grid>
+          )}
         </Grid>
       </Box>
     </FormProvider>