options added to menu

Author: RafaelGB

src/components/CsvButton.tsx

@@ -1,12 +1,12 @@
-import Button from "@mui/material/Button";
 import { CsvButtonProps } from "cdm/MenuBarModel";
 import {
   normalizeColumnsToCsvHeader,
   normalizeRowsToCsvData,
 } from "parsers/NormalizeRowsToCSV";
 import React from "react";
 import { CSVLink } from "react-csv";
-import DownloadIcon from "components/img/DownloadIcon";
+import DownloadIcon from "@mui/icons-material/Download";
+import { MenuButtonStyle } from "components/styles/NavBarStyles";
 
 const CsvButton = (CsvButtonProps: CsvButtonProps) => {
   const { columns, rows, name } = CsvButtonProps;
@@ -35,7 +35,7 @@ const CsvButton = (CsvButtonProps: CsvButtonProps) => {
         ref={csvLink}
         target="_blank"
       >
-        <DownloadIcon />
+        <DownloadIcon {...MenuButtonStyle} />
         Download CSV
       </CSVLink>
     </>

src/components/NavBar.tsx

@@ -17,6 +17,7 @@ import Toolbar from "@mui/material/Toolbar";
 import { c } from "helpers/StylesHelper";
 import Typography from "@mui/material/Typography";
 import DataviewFilters from "components/reducers/DataviewFilters";
+import { MenuButtonStyle } from "components/styles/NavBarStyles";
 import { SettingsModal } from "Settings";
 
 export function NavBar(navBarProps: NavBarProps) {
@@ -98,11 +99,11 @@ export function NavBar(navBarProps: NavBarProps) {
             }}
           >
             <MenuItem onClick={handleSettingsClick} disableRipple>
-              <SettingsIcon />
+              <SettingsIcon {...MenuButtonStyle} />
               Settings
             </MenuItem>
             <MenuItem onClick={handleOpenAsMarkdownClick} disableRipple>
-              <InsertDriveFileIcon />
+              <InsertDriveFileIcon {...MenuButtonStyle} />
               Open as Markdown
             </MenuItem>
             <MenuItem disableRipple>

src/components/img/DownloadIcon.tsx

@@ -55,4 +55,11 @@ export const PaginationButtonStyle = {
         },
         backgroundColor: StyleVariables.TEXT_ACCENT,
     }
-}
+}
+
+export const MenuButtonStyle = {
+    sx: {
+        color: StyleVariables.TEXT_ACCENT_HOVER,
+    }
+}
+