Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-28 15:19:36 +02:00
Code Issues Releases Wiki Activity

Fixed color of weather icon when changing theme

Browse source
This commit is contained in:
Paweł Malak 2022-03-24 14:56:36 +01:00
parent b8af178cbf
commit 378dd8e36d
5 changed files with 76 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/UI/Icons/WeatherIcon/WeatherIcon.tsx
View file

@ -10,7 +10,7 @@ interface Props {
}
export const WeatherIcon = (props: Props): JSX.Element => {
const { theme } = useSelector((state: State) => state.theme);
const { activeTheme } = useSelector((state: State) => state.theme);
const icon = props.isDay
? new IconMapping().mapIcon(props.weatherStatusCode, TimeOfDay.day)
@ -18,7 +18,7 @@ export const WeatherIcon = (props: Props): JSX.Element => {
useEffect(() => {
const delay = setTimeout(() => {
const skycons = new Skycons({ color: theme.colors.accent });
const skycons = new Skycons({ color: activeTheme.colors.accent });
skycons.add(`weather-icon`, icon);
skycons.play();
}, 1);
@ -26,7 +26,7 @@ export const WeatherIcon = (props: Props): JSX.Element => {
return () => {
clearTimeout(delay);
};
}, [props.weatherStatusCode, icon, theme.colors.accent]);
}, [props.weatherStatusCode, icon, activeTheme.colors.accent]);
return <canvas id={`weather-icon`} width="50" height="50"></canvas>;
};