Implement Web versions of the bottom sheet, toast, and progress circle

1 files changed, 20 insertions, 0 deletions

diff --git a/src/view/com/util/ProgressCircle.tsx b/src/view/com/util/ProgressCircle.tsx
new file mode 100644
index 000000000..0e425a6e6
--- /dev/null
+++ b/src/view/com/util/ProgressCircle.tsx
@@ -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