diff --git a/package.json b/package.json index 3427144..80b5bcb 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "https": "^1.0.0", "md5": "^2.3.0", "react": "^17.0.2", + "react-circular-progressbar": "^2.0.4", "react-dom": "^17.0.2", "react-indiana-drag-scroll": "^2.1.0", "react-markdown": "^7.1.1", diff --git a/src/components/WinnerStat.js b/src/components/WinnerStat.js index 25be180..489f4fb 100644 --- a/src/components/WinnerStat.js +++ b/src/components/WinnerStat.js @@ -2,6 +2,8 @@ import React, { useState, useEffect } from 'react' import Address from '../components/OrchAddressViewer'; import { Popover } from '@mantine/core'; import ScoreView from './scoreViewer'; +import { CircularProgressbar } from 'react-circular-progressbar'; +import 'react-circular-progressbar/dist/styles.css'; const Winner = (obj) => { const [thisScore, setThisScore] = useState(0); @@ -26,21 +28,37 @@ const Winner = (obj) => { let scoreObj = null; if (thisScore) { scoreObj = - setOpened(false)} target={ -
setOpened((o) => !o)} > -
-

Global Score

-
-
- {(thisScore * 10).toFixed(1)} -
+
setOpened((o) => !o)} > +
} width={260} - position="bottom" + position="right" withArrow >