Implement Web versions of the bottom sheet, toast, and progress circle
This commit is contained in:
parent
af55a89758
commit
041bfa22a9
19 changed files with 295 additions and 92 deletions
20
src/view/com/util/ProgressCircle.tsx
Normal file
20
src/view/com/util/ProgressCircle.tsx
Normal file
|
@ -0,0 +1,20 @@
|
|||
import {View} from 'react-native'
|
||||
import {CircularProgressbar, buildStyles} from 'react-circular-progressbar'
|
||||
|
||||
const ProgressCircle = ({
|
||||
color,
|
||||
progress,
|
||||
}: {
|
||||
color?: string
|
||||
progress: number
|
||||
}) => {
|
||||
return (
|
||||
<View style={{width: 20, height: 20}}>
|
||||
<CircularProgressbar
|
||||
value={progress * 100}
|
||||
styles={buildStyles({pathColor: color || '#00f'})}
|
||||
/>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
export default ProgressCircle
|
Loading…
Add table
Add a link
Reference in a new issue