remove circular progress package
This commit is contained in:
parent
b126b3d229
commit
f7afc8f7ce
|
@ -1,40 +0,0 @@
|
|||
import { useMemo } from 'react'
|
||||
import { CircularProgressbar } from 'react-circular-progressbar'
|
||||
import useMangoStore from 'stores/useMangoStore'
|
||||
|
||||
const HealthStatusCircle = ({ size }: { size: number }) => {
|
||||
const mangoAccount = useMangoStore((s) => s.selectedMangoAccount.current)
|
||||
const mangoGroup = useMangoStore((s) => s.selectedMangoGroup.current)
|
||||
const mangoCache = useMangoStore((s) => s.selectedMangoGroup.cache)
|
||||
|
||||
const maintHealthRatio = useMemo(() => {
|
||||
return mangoAccount && mangoGroup && mangoCache
|
||||
? Number(mangoAccount.getHealthRatio(mangoGroup, mangoCache, 'Maint'))
|
||||
: 100
|
||||
}, [mangoAccount, mangoGroup, mangoCache])
|
||||
|
||||
const initHealthRatio = useMemo(() => {
|
||||
return mangoAccount && mangoGroup && mangoCache
|
||||
? Number(mangoAccount.getHealthRatio(mangoGroup, mangoCache, 'Init'))
|
||||
: 100
|
||||
}, [mangoAccount, mangoGroup, mangoCache])
|
||||
|
||||
return (
|
||||
<div style={{ width: size, height: size }}>
|
||||
<CircularProgressbar
|
||||
className={
|
||||
maintHealthRatio > 30
|
||||
? 'CircularProgressbar-green'
|
||||
: initHealthRatio > 0
|
||||
? 'CircularProgressbar-orange'
|
||||
: 'CircularProgressbar-red'
|
||||
}
|
||||
counterClockwise
|
||||
value={maintHealthRatio}
|
||||
strokeWidth={12}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default HealthStatusCircle
|
|
@ -46,7 +46,6 @@
|
|||
"next-themes": "^0.1.1",
|
||||
"rc-slider": "^9.7.5",
|
||||
"react": "^17.0.2",
|
||||
"react-circular-progressbar": "^2.0.4",
|
||||
"react-cool-dimensions": "^2.0.7",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-grid-layout": "^1.3.3",
|
||||
|
|
|
@ -5555,11 +5555,6 @@ rc-util@^5.16.1, rc-util@^5.19.2, rc-util@^5.3.0:
|
|||
react-is "^16.12.0"
|
||||
shallowequal "^1.1.0"
|
||||
|
||||
react-circular-progressbar@^2.0.4:
|
||||
version "2.0.4"
|
||||
resolved "https://registry.yarnpkg.com/react-circular-progressbar/-/react-circular-progressbar-2.0.4.tgz#5b04a9cf6be8c522c180e4e99ec6db63677335b0"
|
||||
integrity sha512-OfX0ThSxRYEVGaQSt0DlXfyl5w4DbXHsXetyeivmoQrh9xA9bzVPHNf8aAhOIiwiaxX2WYWpLDB3gcpsDJ9oww==
|
||||
|
||||
react-cool-dimensions@^2.0.7:
|
||||
version "2.0.7"
|
||||
resolved "https://registry.yarnpkg.com/react-cool-dimensions/-/react-cool-dimensions-2.0.7.tgz#2fe6657608f034cd7c89f149ed14e79cf1cb2d50"
|
||||
|
|
Loading…
Reference in New Issue