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