blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix detailed area chart fill gradient

This commit is contained in:
tjs 2022-12-13 22:02:23 -05:00
parent 0fbafa9c07
commit 5095f5534b
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/shared/DetailedAreaChart.tsx
View File

@ -105,6 +105,8 @@ const DetailedAreaChart: FunctionComponent<DetailedAreaChartProps> = ({
return data[0][yKey] <= 0 && data[data.length - 1][yKey] < data[0][yKey]
}, [data])
console.log('title', title?.replace(/\s/g, ''))
return (
<FadeInFadeOut show={true}>
<ContentBox hideBorder hidePadding>
@ -257,7 +259,7 @@ const DetailedAreaChart: FunctionComponent<DetailedAreaChartProps> = ({
/>
<defs>
<linearGradient
id="gradientArea"
id={`gradientArea-${title?.replace(/\s/g, '')}`}
x1="0"
y1={flipGradientCoords ? '1' : '0'}
x2="0"
@ -293,7 +295,7 @@ const DetailedAreaChart: FunctionComponent<DetailedAreaChartProps> = ({
: COLORS.DOWN[theme]
}
strokeWidth={1.5}
fill="url(#gradientArea)"
fill={`url(#gradientArea-${title?.replace(/\s/g, '')})`}
/>
<XAxis
axisLine={false}