ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

style: revert map colors to standard choropleth and restore hover fill

Browse Source
This commit is contained in:
Usman Baig
2026-01-16 21:07:47 +01:00
parent c17f6b9986
commit 68e5e947e2
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/dashboard/WorldMap.tsx
View File

@@ -36,7 +36,7 @@ const WorldMap = ({ data }: WorldMapProps) => {
const colorScale = scaleLinear<string>() const colorScale = scaleLinear<string>()
.domain([0, processedData.max || 1]) .domain([0, processedData.max || 1])
.range(["#FD5E0F", "#fed7aa"]) // brand orange to orange-200 (inverted: less visitors = darker) .range(["#fed7aa", "#FD5E0F"]) // orange-200 to brand orange (standard: more visitors = darker)
// Dark mode adjustment // Dark mode adjustment
const isDark = resolvedTheme === 'dark' const isDark = resolvedTheme === 'dark'
@@ -65,15 +65,7 @@ const WorldMap = ({ data }: WorldMapProps) => {
strokeWidth={0.5} strokeWidth={0.5}
style={{ style={{
default: { outline: "none", transition: "all 250ms" }, default: { outline: "none", transition: "all 250ms" },
hover: { hover: { fill: "#FD5E0F", outline: "none", cursor: 'pointer' },
fill: count > 0 ? colorScale(count) : defaultFill,
stroke: "#FD5E0F",
strokeWidth: 2,
outline: "none",
cursor: 'pointer',
// Bring to front on hover so border isn't covered by neighbors
zIndex: 100,
},
pressed: { outline: "none" }, pressed: { outline: "none" },
}} }}
onMouseEnter={(evt) => { onMouseEnter={(evt) => {