watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-20 20:45:39 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

dim map strokes for dark theme

Browse source
This commit is contained in:
Alexander Petcoglo 2023-12-28 09:37:11 +02:00
parent bb534bec66
commit 8d024e2931
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/metrics/WorldMap.tsx
View file

@ -21,6 +21,14 @@ export function WorldMap({ data = [], className }: { data?: any[]; className?: s
const visitorsLabel = formatMessage(labels.visitors).toLocaleLowerCase(locale);
const metrics = useMemo(() => (data ? percentFilter(data) : []), [data]);
function getStrokeColor(code: string) {
if (code === 'AQ') return;
return theme === 'light'
? colors.map.strokeColor
: colord(colors.map.strokeColor).darken(0.2).toHex();
}
function getFillColor(code: string) {
if (code === 'AQ') return;
const country = metrics?.find(({ x }) => x === code);
@ -64,7 +72,7 @@ export function WorldMap({ data = [], className }: { data?: any[]; className?: s
key={geo.rsmKey}
geography={geo}
fill={getFillColor(code)}
stroke={colors.map.strokeColor}
stroke={getStrokeColor(code)}
opacity={getOpacity(code)}
style={{
default: { outline: 'none' },