From e541cdab6121d49f83e403dc8b068660b94a1999 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Sat, 19 Apr 2025 16:25:44 +0200 Subject: [PATCH] Change mail icon with material icon --- src/App.tsx | 17 ++++++++++++-- src/assets/QMailLogo.png | Bin 7877 -> 0 bytes src/assets/svgs/Mail.svg | 25 +++++++++++++++++++++ src/assets/svgs/Mail.tsx | 39 +++++++++++++++++++++++++++++++++ src/components/QMailStatus.tsx | 35 ++++++++++++++++++----------- 5 files changed, 101 insertions(+), 15 deletions(-) delete mode 100644 src/assets/QMailLogo.png create mode 100644 src/assets/svgs/Mail.svg create mode 100644 src/assets/svgs/Mail.tsx diff --git a/src/App.tsx b/src/App.tsx index 3b659dd..b20b6d5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1654,6 +1654,7 @@ function App() { )} + + + { setIsOpenDrawerLookup(true); @@ -1729,7 +1732,9 @@ function App() { + + { executeEvent('openWalletsApp', {}); @@ -1811,20 +1816,25 @@ function App() { )} + + + + {extState === 'authenticated' && ( )} + {extState === 'authenticated' && isMainWindow && ( @@ -1859,7 +1869,9 @@ function App() { )} + + { try { @@ -1911,6 +1923,7 @@ function App() { + {(desktopViewMode === 'apps' || desktopViewMode === 'home') && ( { diff --git a/src/assets/QMailLogo.png b/src/assets/QMailLogo.png deleted file mode 100644 index 60214dfd3c5e1cfcab1c2d37aed2f7ebd0a86b46..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 7877 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 + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/Mail.tsx b/src/assets/svgs/Mail.tsx new file mode 100644 index 0000000..601c0aa --- /dev/null +++ b/src/assets/svgs/Mail.tsx @@ -0,0 +1,39 @@ +import { useTheme } from '@mui/material'; +import { SVGProps } from './interfaces'; + +export const Logout: React.FC = ({ color, opacity, ...children }) => { + const theme = useTheme(); + + const setColor = color ? color : theme.palette.text.primary; + const setOpacity = opacity ? opacity : 1; + + return ( + + + + ); +}; diff --git a/src/components/QMailStatus.tsx b/src/components/QMailStatus.tsx index 6c6783a..c760751 100644 --- a/src/components/QMailStatus.tsx +++ b/src/components/QMailStatus.tsx @@ -1,12 +1,15 @@ import { useMemo } from 'react'; -import QMailLogo from '../assets/QMailLogo.png'; +import EmailIcon from '@mui/icons-material/Email'; import { useRecoilState } from 'recoil'; import { mailsAtom, qMailLastEnteredTimestampAtom } from '../atoms/global'; import { isLessThanOneWeekOld } from './Group/QMailMessages'; -import { ButtonBase, Tooltip } from '@mui/material'; +import { ButtonBase, Tooltip, useTheme } from '@mui/material'; import { executeEvent } from '../utils/events'; +import { Mail } from '@mui/icons-material'; export const QMailStatus = () => { + const theme = useTheme(); + const [lastEnteredTimestamp, setLastEnteredTimestamp] = useRecoilState( qMailLastEnteredTimestampAtom ); @@ -39,21 +42,27 @@ export const QMailStatus = () => { {hasNewMail && (
)} + Q-MAIL } @@ -63,18 +72,18 @@ export const QMailStatus = () => { slotProps={{ tooltip: { sx: { - color: '#ffffff', - backgroundColor: '#444444', + color: theme.palette.text.primary, + backgroundColor: theme.palette.background.default, }, }, arrow: { sx: { - color: '#444444', + color: theme.palette.text.primary, }, }, }} > - + );