[feat] round camera viewport, hide case preview after joining case, h…

…ide view case option after navigating to a different screen.
calblueprint · Apr 25, 2024 · b35c441 · b35c441
1 parent a7d3e49
commit b35c441
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/app/(BottomTabNavigation)/QRCodeScanner/AddCase/[caseUid].tsx b/src/app/(BottomTabNavigation)/QRCodeScanner/AddCase/[caseUid].tsx
@@ -17,6 +17,7 @@ export default function AddCase() {
 
   const addToCases = async (newCase: Case) => {
     await joinCase(newCase);
+    router.back();
     router.replace('/AllCases');
   };
 

diff --git a/src/app/(BottomTabNavigation)/QRCodeScanner/index.tsx b/src/app/(BottomTabNavigation)/QRCodeScanner/index.tsx
@@ -84,9 +84,11 @@ function QRCodeScannerScreen() {
   useEffect(() => {
     navigation.addListener('blur', async () => {
       resetScanner();
+      setScannedCase(undefined);
     });
     navigation.addListener('focus', async () => {
       resetScanner();
+      setScannedCase(undefined);
       setTimeout(() => {}, 1000);
     });
   }, [navigation]);

diff --git a/src/app/(BottomTabNavigation)/QRCodeScanner/styles.ts b/src/app/(BottomTabNavigation)/QRCodeScanner/styles.ts
@@ -21,9 +21,10 @@ export default StyleSheet.create({
     height: 300,
     width: 300,
     border: 'solid',
-    borderWidth: 3,
-    borderRadius: 5,
+    borderWidth: 5,
+    borderRadius: 10,
     marginVertical: 20,
+    overflow: 'hidden',
   },
   validScan: {
     borderColor: colors.green,