Add swipe-to-delete functionality for requests and improve QR Code scanning

components/QrScanModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { View, Text, Modal, TouchableOpacity, Vibration, StyleSheet, Dimensions } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { CameraView, useCameraPermissions } from 'expo-camera';
@@ -13,6 +13,7 @@ interface QrScanModalProps {
 export default function QrScanModal({ visible, onClose, onScan }: QrScanModalProps) {
     const [permission, requestPermission] = useCameraPermissions();
     const [scanned, setScanned] = useState(false);
+    const scanInProgress = useRef(false);
     const { width, height } = Dimensions.get('window');
     const squareSize = Math.min(width * 0.8, height * 0.8, 400);
 
@@ -20,6 +21,7 @@ export default function QrScanModal({ visible, onClose, onScan }: QrScanModalPro
     useEffect(() => {
         if (visible) {
             setScanned(false);
+            scanInProgress.current = false;
             if (permission && !permission.granted && permission.canAskAgain) {
                 requestPermission();
             }
@@ -27,7 +29,9 @@ export default function QrScanModal({ visible, onClose, onScan }: QrScanModalPro
     }, [visible, permission]);
 
     const handleBarCodeScanned = ({ type, data }: { type: string; data: string }) => {
-        if (scanned) return;
+        if (scanInProgress.current) return;
+        scanInProgress.current = true;
+
         setScanned(true);
         Vibration.vibrate();
         console.log(`Bar code with type ${type} and data ${data} has been scanned!`);