@boneframework/native-components 1.0.22 → 1.0.23

package/hooks/useLocation.js

@@ -0,0 +1,29 @@
+import {useEffect, useState} from "react";
+import * as Location from "expo-location";
+
+export default useLocation = () => {
+    const [location, setLocation] = useState();
+
+    const getLocation = async () => {
+        try {
+            const {granted} =  await Location.requestForegroundPermissionsAsync();
+
+            if (!granted) {
+                return;
+            }
+
+            const {coords: {longitude, latitude}} = await Location.getLastKnownPositionAsync();
+            setLocation({latitude, longitude})
+        } catch (e) {
+            console.log(e)
+        }
+
+    }
+
+    useEffect(() => {
+        getLocation();
+
+    }, []);
+
+    return location;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boneframework/native-components",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Expo Components for Bone Framework",
   "main": "src/Bone.ts",
   "scripts": {
@@ -45,6 +45,7 @@
     "jwt-decode": "^4.0.0",
     "lottie-react-native": "^6.7.2",
     "react": "18.2.0",
+    "react-native-progress": "^5.0.1",
     "yup": "^1.4.0"
   }
 }

package/screens/UploadScreen.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import {Modal, StyleSheet, View} from "react-native";
+import * as Progress from 'react-native-progress';
+
+import colors from '../../../../config/colors'
+import Text from '../components/Text'
+import Animation from "../components/Animation";
+
+function UploadScreen({onDone, progress = 0, visible = false}) {
+    return (
+        <Modal visible={visible}>
+            <View style={styles.container}>
+                { progress < 1
+                    ? <Progress.Bar color={colors.primary} progress={progress} width={200}/>
+                    : <Animation
+                        autoPlay={true}
+                        loop={false}
+                        onAnimationFinish={onDone}
+                        source={require('../assets/animations/done.json')}
+                        style={styles.animation}
+                    />
+                }
+            </View>
+        </Modal>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        alignItems: "center",
+        flex: 1,
+        justifyContent: "center",
+    },
+    animation: {
+        width: 150,
+    },
+})
+
+export default UploadScreen;