zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(dashboard): improve map colors if system theme

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-12-30 20:53:52 +01:00
parent c4e815b405
commit 3daddd8f57
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/realtime/map/map.tsx
View File

@@ -93,7 +93,6 @@ const Map = ({ markers }: Props) => {
}; };
const theme = useTheme(); const theme = useTheme();
console.log(theme.theme);
return ( return (
<div <div
@@ -123,8 +122,10 @@ const Map = ({ markers }: Props) => {
<Geography <Geography
key={geo.rsmKey} key={geo.rsmKey}
geography={geo} geography={geo}
fill={theme.theme === 'dark' ? '#000' : '#e5eef6'} fill={theme.resolvedTheme === 'dark' ? '#000' : '#e5eef6'}
stroke={theme.theme === 'dark' ? '#333' : '#bcccda'} stroke={
theme.resolvedTheme === 'dark' ? '#333' : '#bcccda'
}
pointerEvents={'none'} pointerEvents={'none'}
/> />
)) ))
@@ -153,7 +154,9 @@ const Map = ({ markers }: Props) => {
<Marker coordinates={coordinates}> <Marker coordinates={coordinates}>
<circle <circle
r={size} r={size}
fill={theme.theme === 'dark' ? '#3d79ff' : '#2266ec'} fill={
theme.resolvedTheme === 'dark' ? '#3d79ff' : '#2266ec'
}
className="animate-ping opacity-20" className="animate-ping opacity-20"
/> />
</Marker> </Marker>
@@ -161,7 +164,11 @@ const Map = ({ markers }: Props) => {
<Marker coordinates={coordinates}> <Marker coordinates={coordinates}>
<circle <circle
r={size} r={size}
fill={theme.theme === 'dark' ? '#3d79ff' : '#2266ec'} fill={
theme.resolvedTheme === 'dark'
? '#3d79ff'
: '#2266ec'
}
fillOpacity={0.5} fillOpacity={0.5}
/> />
</Marker> </Marker>