From 64e7db4e26f9b4bf6d2ba1c66901e1878ef1ab74 Mon Sep 17 00:00:00 2001
From: ShootingStar91 <ttu91@hotmail.com>
Date: Sat, 17 Aug 2024 13:55:20 +0300
Subject: [PATCH] Remove text from combined export; change simple export button
 to more visible with text

---
 frontend/src/components/TableView/TableView.tsx | 12 +-----------
 frontend/src/components/TableView/helpers.tsx   |  9 ++++-----
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/TableView/TableView.tsx b/frontend/src/components/TableView/TableView.tsx
index 82f14123..4adb2bf7 100644
--- a/frontend/src/components/TableView/TableView.tsx
+++ b/frontend/src/components/TableView/TableView.tsx
@@ -153,23 +153,13 @@ export const TableView = <T extends MRT_RowData>({
       )}
       {combinedExport && (
         <Box sx={{ margin: '1em', maxWidth: '20em' }}>
-          <p>
-            Click here to export a list of the localities shown in the table combined with each species found in those
-            localities as a comma separated csv-file. Notice, that the export may take a while. The combined
-            locality-species export is currently always sorted by the id&apos;s, but it only contains the localities
-            filtered in the table.{' '}
-          </p>
-          <p>
-            You can also export only the localities of the table by clicking the download icon in the right-top corner
-            of the table.
-          </p>
           <Box sx={{ display: 'flex', gap: '0.4em' }}>
             <Button
               variant="contained"
               disabled={exportIsLoading}
               onClick={() => void combinedExport(table.getSortedRowModel().rows.map(d => d.original.lid as number))}
             >
-              Locality & Species export
+              Export localities with their species
             </Button>
             {exportIsLoading && <CircularProgress />}
           </Box>
diff --git a/frontend/src/components/TableView/helpers.tsx b/frontend/src/components/TableView/helpers.tsx
index ca451534..0da9f368 100644
--- a/frontend/src/components/TableView/helpers.tsx
+++ b/frontend/src/components/TableView/helpers.tsx
@@ -1,4 +1,4 @@
-import { Box, IconButton } from '@mui/material'
+import { Box, Button } from '@mui/material'
 import {
   MRT_RowData,
   MRT_ShowHideColumnsButton,
@@ -6,7 +6,6 @@ import {
   MRT_ToggleFullScreenButton,
 } from 'material-react-table'
 import { mkConfig, generateCsv, download } from 'export-to-csv'
-import FileDownloadIcon from '@mui/icons-material/FileDownload'
 import { AcceptedData } from 'node_modules/export-to-csv/output/lib/types'
 
 export type ExportFn<T> = (data: T) => { [k: string]: AcceptedData }
@@ -41,8 +40,8 @@ export const renderCustomToolbar = <T extends MRT_RowData>({ table }: { table: M
   <Box>
     <MRT_ShowHideColumnsButton table={table} />
     <MRT_ToggleFullScreenButton table={table} />
-    <IconButton onClick={() => exportRows(table)}>
-      <FileDownloadIcon htmlColor="grey" />
-    </IconButton>
+    <Button onClick={() => exportRows(table)} variant="contained">
+      Export table
+    </Button>
   </Box>
 )