Merge pull request #6 from NNdok/main

Add Alert in Scanner

Author: Krittanai2933

app/index.tsx

@@ -7,6 +7,7 @@ import { router } from "expo-router";
 import * as SecureStore from "expo-secure-store";
 import { useEffect, useState } from "react";
 import {
+  Alert,
   Modal,
   Pressable,
   StyleSheet,
@@ -52,7 +53,7 @@ export default function Index() {
 
       // Validate if the pasted text looks like a valid NWC URL
       if (!text || !text.startsWith("nostr+walletconnect://")) {
-        console.error("Invalid NWC URL format");
+        Alert.alert("Invalid NWC URL format", "Please start with nostr+walletconnect://");
         // You might want to show an error message to the user here
         return;
       }
@@ -180,16 +181,16 @@ export default function Index() {
 
       <HeaderIcon />
 
-      {/*  NOTE: Test when store nwc already */}
-      {/* <View style={{ justifyContent: "center", alignItems: "center" }}> */}
-      {/*   <Pressable */}
-      {/*     onPress={async () => { */}
-      {/*       await SecureStore.deleteItemAsync("nwcUrl"); */}
-      {/*     }} */}
-      {/*   > */}
-      {/*     <Text> Test delete nwcUrl</Text> */}
-      {/*   </Pressable> */}
-      {/* </View> */}
+       {/* NOTE: Test when store nwc already */}
+      {/* <View style={{ justifyContent: "center", alignItems: "center" }}>
+        <Pressable
+           onPress={async () => { 
+             await SecureStore.deleteItemAsync("nwcUrl"); }
+           }
+        > 
+         <Text> Test delete nwcUrl</Text> 
+        </Pressable>
+      </View>  */}
 
       {/* NOTE: Test go to screen cremara */}
       {/* <View style={{ justifyContent: "center", alignItems: "center" }}> */}

app/scanner/index.tsx

@@ -3,7 +3,7 @@ import { CameraView, useCameraPermissions } from "expo-camera";
 import { Stack, router } from "expo-router";
 import * as SecureStore from "expo-secure-store";
 import React, { useEffect, useRef } from "react";
-import { AppState, Button, Linking, Platform, StatusBar, Text } from "react-native";
+import { Alert, AppState, Button, Linking, Platform, StatusBar, Text } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function Scanner() {
@@ -59,17 +59,38 @@ export default function Scanner() {
         style={{ flex: 1 }}
         facing="back"
         onBarcodeScanned={({ data }) => {
+          if (!data || qrLock.current) return;
+
           if (
             data &&
             !qrLock.current &&
             data.startsWith("nostr+walletconnect://")
           ) {
+            
             qrLock.current = true;
             setTimeout(async () => {
               setNwcUrl(data);
               await SecureStore.setItemAsync("nwcUrl", data);
               router.replace("/");
             }, 500);
+          }else{
+            // Handle Invalid URL
+            qrLock.current = true; 
+            Alert.alert(
+              "Invalid QR Code",
+              "The scanned code is not a valid NWC format.",
+              [
+                {
+                  text: "OK",
+                  onPress: () => {
+                    // Unlock scanning only after user acknowledges the alert
+                    setTimeout(() => {
+                      qrLock.current = false;
+                    }, 1000);
+                  },
+                },
+              ]
+            );
           }
         }}
         barcodeScannerSettings={{ barcodeTypes: ["qr"] }}

components/index/HeaderIcon.tsx

@@ -8,6 +8,7 @@ import { router } from "expo-router";
 import * as SecureStore from "expo-secure-store";
 import { useState } from "react";
 import {
+  Alert,
   Modal,
   Platform,
   Pressable,
@@ -43,7 +44,7 @@ export default function HeaderIcon() {
 
       // Validate if the pasted text looks like a valid NWC URL
       if (!text || !text.startsWith("nostr+walletconnect://")) {
-        console.error("Invalid NWC URL format");
+        Alert.alert("Invalid NWC URL format","Please start with nostr+walletconnect://")
         // You might want to show an error message to the user here
         return;
       }