Remove text from combined export; change simple export button to more…

… visible with text
nowcommunity · Aug 17, 2024 · 64e7db4 · 64e7db4
1 parent 104a846
commit 64e7db4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 16 deletions.
diff --git 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
@@ -1,12 +1,11 @@
-import { Box, IconButton } from '@mui/material'
+import { Box, Button } from '@mui/material'
 import {
   MRT_RowData,
   MRT_ShowHideColumnsButton,
   MRT_TableInstance,
   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>
 )