scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix icon color in light mode

Browse source
This commit is contained in:
Ben Grant 2021-06-03 17:28:16 +10:00
parent db0c64a60b
commit 018b045a1e
3 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
crabfit-frontend/src/components/GoogleCalendar/GoogleCalendar.tsx
View file

@ -113,8 +113,8 @@ const GoogleCalendar = ({ timeZone, timeMin, timeMax, onImport }) => {
<CalendarList> <CalendarList>
<Title> <Title>
<Icon src={googleLogo} alt="" /> <Icon src={googleLogo} alt="" />
{/* eslint-disable-next-line */}
<strong>{t('event:you.google_cal.login')}</strong> <strong>{t('event:you.google_cal.login')}</strong>
{/* eslint-disable-next-line */}
(<a href="#" onClick={e => { (<a href="#" onClick={e => {
e.preventDefault(); e.preventDefault();
signOut(); signOut();

4
crabfit-frontend/src/components/GoogleCalendar/googleCalendarStyle.ts
View file

@ -125,4 +125,8 @@ export const Icon = styled.img`
height: 24px; height: 24px;
width: 24px; width: 24px;
margin-right: 12px; margin-right: 12px;
${props => props.theme.mode === 'light' && `
filter: invert(1);
`}
`; `;

4
crabfit-frontend/src/components/OutlookCalendar/OutlookCalendar.tsx
View file

@ -137,6 +137,7 @@ const OutlookCalendar = ({ timeZone, timeMin, timeMax, onImport }) => {
.finally(() => setFreeBusyLoading(false)); .finally(() => setFreeBusyLoading(false));
}; };
// eslint-disable-next-line
useEffect(() => checkLogin(), []); useEffect(() => checkLogin(), []);
useEffect(() => { useEffect(() => {
@ -156,6 +157,7 @@ const OutlookCalendar = ({ timeZone, timeMin, timeMax, onImport }) => {
signOut(); signOut();
}); });
} }
// eslint-disable-next-line
}, [client]); }, [client]);
return ( return (
@ -178,8 +180,8 @@ const OutlookCalendar = ({ timeZone, timeMin, timeMax, onImport }) => {
<CalendarList> <CalendarList>
<Title> <Title>
<Icon src={outlookLogo} alt="" /> <Icon src={outlookLogo} alt="" />
{/* eslint-disable-next-line */}
<strong>{t('event:you.outlook_cal')}</strong> <strong>{t('event:you.outlook_cal')}</strong>
{/* eslint-disable-next-line */}
(<a href="#" onClick={e => { (<a href="#" onClick={e => {
e.preventDefault(); e.preventDefault();
signOut(); signOut();