diff options
Diffstat (limited to 'web/src/components/PieChartIcon.tsx')
| -rw-r--r-- | web/src/components/PieChartIcon.tsx | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/web/src/components/PieChartIcon.tsx b/web/src/components/PieChartIcon.tsx index f04448bad..8d6e35ccd 100644 --- a/web/src/components/PieChartIcon.tsx +++ b/web/src/components/PieChartIcon.tsx @@ -23,13 +23,18 @@ const PieChartIcon = function (props: Props) { <svg height={`${width}`} width={`${height}`} viewBox="0 0 26 26"> <circle r="12" cx="13" cy="13" fill="none" stroke={backgroundColor} strokeWidth="2" /> <circle r="9" cx="13" cy="13" fill={backgroundColor} stroke="transparent" /> - <circle r="5" cx="13" cy="13" fill="none" + <circle + r="5" + cx="13" + cy="13" + fill="none" stroke={color} strokeWidth="10" strokeDasharray={`${props.progress} ${maxProgress}`} - transform="rotate(-90) translate(-26)" /> + transform="rotate(-90) translate(-26)" + /> </svg> - ) -} + ); +}; -export default PieChartIcon
\ No newline at end of file +export default PieChartIcon; |