From 7f1b2e38ef4939047392b5bb3ee8dbac55511bf1 Mon Sep 17 00:00:00 2001
From: Adwait Gharpure <69599306+Adw8@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:14:08 +0530
Subject: [PATCH] Use separate page for walletconnect (#48)

* Add function to disconnect session

* Replace QR icon with WC logo

* Use separate page for walletconnect

* Change screen title

* Make review changes

* Make walletconnect page empty

---------

Co-authored-by: Adw8 <adwait@deepstacksoft.com>
---
 App.tsx                                 |  23 ++++-
 assets/WalletConnect-Icon-Blueberry.png | Bin 0 -> 15660 bytes
 components/AddSession.tsx               | 118 ++++++++++++++++++++++++
 components/HomeScreen.tsx               |  25 +++--
 components/WalletConnect.tsx            | 111 +---------------------
 context/RequestContext.tsx              |   9 +-
 types.ts                                |   1 +
 7 files changed, 168 insertions(+), 119 deletions(-)
 create mode 100644 assets/WalletConnect-Icon-Blueberry.png
 create mode 100644 components/AddSession.tsx

diff --git a/App.tsx b/App.tsx
index 8f77788..0a5aa30 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Snackbar } from 'react-native-paper';
+import { Button, Snackbar } from 'react-native-paper';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import { SignClientTypes } from '@walletconnect/types';
 import { useNavigation } from '@react-navigation/native';
@@ -13,6 +14,7 @@ import HomeScreen from './components/HomeScreen';
 import SignRequest from './components/SignRequest';
 import InvalidPath from './components/InvalidPath';
 import PairingModal from './components/PairingModal';
+import AddSession from './components/AddSession';
 import WalletConnect from './components/WalletConnect';
 import { StackParamsList } from './types';
 import useInitialization, {
@@ -32,7 +34,6 @@ const App = (): React.JSX.Element => {
     useNavigation<NativeStackNavigationProp<StackParamsList>>();
 
   const { accounts } = useAccounts();
-
   const { requestSession, setRequestSession } = useRequests();
 
   const [modalVisible, setModalVisible] = useState(false);
@@ -132,7 +133,23 @@ const App = (): React.JSX.Element => {
           name="WalletConnect"
           component={WalletConnect}
           options={{
-            title: 'Connect Wallet',
+            title: 'WalletConnect Sessions',
+            headerRight: () => (
+              <Button
+                onPress={() => {
+                  navigation.navigate('AddSession');
+                }}>
+                {<Icon name={'qrcode-scan'} size={20} />}
+              </Button>
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="AddSession"
+          component={AddSession}
+          options={{
+            title: 'New session',
           }}
         />
       </Stack.Navigator>
diff --git a/assets/WalletConnect-Icon-Blueberry.png b/assets/WalletConnect-Icon-Blueberry.png
new file mode 100644
index 0000000000000000000000000000000000000000..66625b2c401966286d25cff209f80fc341e5f60f
GIT binary patch
literal 15660
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

literal 0
HcmV?d00001

diff --git a/components/AddSession.tsx b/components/AddSession.tsx
new file mode 100644
index 0000000..907a92b
--- /dev/null
+++ b/components/AddSession.tsx
@@ -0,0 +1,118 @@
+import React, { useEffect, useState } from 'react';
+import { AppState, View } from 'react-native';
+import { Button, Text, TextInput } from 'react-native-paper';
+import {
+  Camera,
+  useCameraDevice,
+  useCameraPermission,
+  useCodeScanner,
+} from 'react-native-vision-camera';
+
+import { useNavigation } from '@react-navigation/native';
+import { NativeStackNavigationProp } from '@react-navigation/native-stack';
+
+import { web3WalletPair } from '../utils/wallet-connect/WalletConnectUtils';
+import styles from '../styles/stylesheet';
+import { StackParamsList } from '../types';
+
+const AddSession = () => {
+  const navigation =
+    useNavigation<NativeStackNavigationProp<StackParamsList>>();
+
+  const { hasPermission, requestPermission } = useCameraPermission();
+  const device = useCameraDevice('back');
+
+  const [currentWCURI, setCurrentWCURI] = useState<string>('');
+  const [isActive, setIsActive] = useState(AppState.currentState === 'active');
+  const [isScanning, setScanning] = useState(true);
+
+  const codeScanner = useCodeScanner({
+    codeTypes: ['qr'],
+    onCodeScanned: codes => {
+      if (isScanning) {
+        codes.forEach(code => {
+          if (code.value) {
+            setCurrentWCURI(code.value);
+            setScanning(false);
+          }
+        });
+      }
+    },
+  });
+
+  const pair = async () => {
+    const pairing = await web3WalletPair({ uri: currentWCURI });
+    navigation.navigate('WalletConnect');
+    return pairing;
+  };
+  // const disconnect = async () => {
+  //   const activeSessions = await web3wallet.getActiveSessions();
+  //   const topic = Object.values(activeSessions)[0].topic;
+  //   if (activeSessions) {
+  //     await web3wallet.disconnectSession({
+  //       topic,
+  //       reason: getSdkError('USER_DISCONNECTED'),
+  //     });
+  //     navigation.navigate('Laconic');
+  //     return;
+  //   }
+  // };
+  useEffect(() => {
+    const handleAppStateChange = (newState: string) => {
+      setIsActive(newState === 'active');
+    };
+
+    AppState.addEventListener('change', handleAppStateChange);
+
+    if (!hasPermission) {
+      requestPermission();
+    }
+  }, [hasPermission, isActive, requestPermission]);
+
+  return (
+    <View style={styles.appContainer}>
+      {!hasPermission || !device ? (
+        <Text>
+          {!hasPermission
+            ? 'No Camera Permission granted'
+            : 'No Camera Selected'}
+        </Text>
+      ) : (
+        <>
+          <View style={styles.cameraContainer}>
+            {isActive ? (
+              <Camera
+                style={styles.camera}
+                device={device}
+                isActive={isActive}
+                codeScanner={codeScanner}
+                video={false}
+              />
+            ) : (
+              <Text>No Camera Selected!</Text>
+            )}
+          </View>
+
+          <View style={styles.inputContainer}>
+            <Text variant="titleMedium">Enter WalletConnect URI</Text>
+            <TextInput
+              mode="outlined"
+              onChangeText={setCurrentWCURI}
+              value={currentWCURI}
+              numberOfLines={4}
+              multiline={true}
+              style={{ padding: 10 }}
+            />
+
+            <View style={styles.signButton}>
+              <Button mode="contained" onPress={pair}>
+                Pair Session
+              </Button>
+            </View>
+          </View>
+        </>
+      )}
+    </View>
+  );
+};
+export default AddSession;
diff --git a/components/HomeScreen.tsx b/components/HomeScreen.tsx
index 9be6809..24aded1 100644
--- a/components/HomeScreen.tsx
+++ b/components/HomeScreen.tsx
@@ -1,7 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import { View, ActivityIndicator } from 'react-native';
+import {
+  View,
+  ActivityIndicator,
+  TouchableHighlight,
+  Image,
+} from 'react-native';
 import { Button, Text } from 'react-native-paper';
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { useNavigation } from '@react-navigation/native';
@@ -16,19 +20,28 @@ import styles from '../styles/stylesheet';
 import { useAccounts } from '../context/AccountsContext';
 import { StackParamsList } from '../types';
 
+const WCLogo = () => {
+  return (
+    <Image
+      style={{ width: 32, height: 20, margin: 0 }}
+      source={require('../assets/WalletConnect-Icon-Blueberry.png')}
+    />
+  );
+};
+
 const HomeScreen = () => {
   const { accounts, setAccounts } = useAccounts();
 
   const navigation =
     useNavigation<NativeStackNavigationProp<StackParamsList>>();
-
   useEffect(() => {
     if (accounts.ethAccounts.length > 0) {
       navigation.setOptions({
         headerRight: () => (
-          <Button onPress={() => navigation.navigate('WalletConnect')}>
-            {<Icon name={'qrcode-scan'} size={20} />}
-          </Button>
+          <TouchableHighlight
+            onPress={() => navigation.navigate('WalletConnect')}>
+            {<WCLogo />}
+          </TouchableHighlight>
         ),
       });
     } else {
diff --git a/components/WalletConnect.tsx b/components/WalletConnect.tsx
index 64a489c..1461f6d 100644
--- a/components/WalletConnect.tsx
+++ b/components/WalletConnect.tsx
@@ -1,107 +1,6 @@
-import React, { useEffect, useState } from 'react';
-import { AppState, View } from 'react-native';
-import { Button, Text, TextInput } from 'react-native-paper';
-import {
-  Camera,
-  useCameraDevice,
-  useCameraPermission,
-  useCodeScanner,
-} from 'react-native-vision-camera';
+import React from 'react';
+import { View, Text } from 'react-native';
 
-import { useNavigation } from '@react-navigation/native';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
-
-import { web3WalletPair } from '../utils/wallet-connect/WalletConnectUtils';
-import styles from '../styles/stylesheet';
-import { StackParamsList } from '../types';
-
-const WalletConnect = () => {
-  const navigation =
-    useNavigation<NativeStackNavigationProp<StackParamsList>>();
-
-  const { hasPermission, requestPermission } = useCameraPermission();
-  const device = useCameraDevice('back');
-
-  const [currentWCURI, setCurrentWCURI] = useState<string>('');
-  const [isActive, setIsActive] = useState(AppState.currentState === 'active');
-  const [isScanning, setScanning] = useState(true);
-
-  const codeScanner = useCodeScanner({
-    codeTypes: ['qr'],
-    onCodeScanned: codes => {
-      if (isScanning) {
-        codes.forEach(code => {
-          if (code.value) {
-            setCurrentWCURI(code.value);
-            setScanning(false);
-          }
-        });
-      }
-    },
-  });
-
-  const pair = async () => {
-    const pairing = await web3WalletPair({ uri: currentWCURI });
-    navigation.navigate('Laconic');
-    return pairing;
-  };
-
-  useEffect(() => {
-    const handleAppStateChange = (newState: string) => {
-      setIsActive(newState === 'active');
-    };
-
-    AppState.addEventListener('change', handleAppStateChange);
-
-    if (!hasPermission) {
-      requestPermission();
-    }
-  }, [hasPermission, isActive, requestPermission]);
-
-  return (
-    <View style={styles.appContainer}>
-      {!hasPermission || !device ? (
-        <Text>
-          {!hasPermission
-            ? 'No Camera Permission granted'
-            : 'No Camera Selected'}
-        </Text>
-      ) : (
-        <>
-          <View style={styles.cameraContainer}>
-            {isActive ? (
-              <Camera
-                style={styles.camera}
-                device={device}
-                isActive={isActive}
-                codeScanner={codeScanner}
-                video={false}
-              />
-            ) : (
-              <Text>No Camera Selected!</Text>
-            )}
-          </View>
-
-          <View style={styles.inputContainer}>
-            <Text variant="titleMedium">Enter WalletConnect URI</Text>
-            <TextInput
-              mode="outlined"
-              onChangeText={setCurrentWCURI}
-              value={currentWCURI}
-              numberOfLines={4}
-              multiline={true}
-              style={{ padding: 10 }}
-            />
-
-            <View style={styles.signButton}>
-              <Button mode="contained" onPress={pair}>
-                Pair Session
-              </Button>
-            </View>
-          </View>
-        </>
-      )}
-    </View>
-  );
-};
-export default WalletConnect;
+export default function WalletConnect() {
+  return <View />;
+}
diff --git a/context/RequestContext.tsx b/context/RequestContext.tsx
index ee1ad57..c78233d 100644
--- a/context/RequestContext.tsx
+++ b/context/RequestContext.tsx
@@ -1,10 +1,11 @@
 import React, { createContext, useContext, useState } from 'react';
 
-const RequestContext = createContext<{
-  // TODO: Remove any type
+interface RequestContextProps {
   requestSession: any;
   setRequestSession: (requestSession: any) => void;
-}>({
+}
+
+const RequestContext = createContext<RequestContextProps>({
   requestSession: {},
   setRequestSession: () => {},
 });
@@ -14,7 +15,7 @@ const useRequests = () => {
   return requestContext;
 };
 
-const RequestProvider = ({ children }: { children: any }) => {
+const RequestProvider = ({ children }: { children: React.ReactNode }) => {
   const [requestSession, setRequestSession] = useState<any>({});
   return (
     <RequestContext.Provider
diff --git a/types.ts b/types.ts
index 8aac72b..980c889 100644
--- a/types.ts
+++ b/types.ts
@@ -15,6 +15,7 @@ export type StackParamsList = {
     | undefined;
   InvalidPath: undefined;
   WalletConnect: undefined;
+  AddSession: undefined;
 };
 
 export type Account = {