keep-starknet-strange#245: Add Network Check for Sepolia (keep-starkn…

…et-strange#291)

* keep-starknet-strange#245: add network check sepolia

* Applying Code Review

* Fix network

---------

Co-authored-by: lauchaves <[email protected]>
Co-authored-by: Uğur Eren <[email protected]>

JoyboyCommunity/src/app/App.tsx

@@ -1,12 +1,14 @@
 import '@walletconnect/react-native-compat';
 
+import {starknetChainId, useAccount} from '@starknet-react/core';
 import * as Font from 'expo-font';
 import * as SplashScreen from 'expo-splash-screen';
 import {useCallback, useEffect, useState} from 'react';
 import {View} from 'react-native';
 
+import {CHAIN_ID} from '../constants/env';
 import {useTips} from '../hooks';
-import {useToast} from '../hooks/modals';
+import {useDialog, useToast} from '../hooks/modals';
 import {Router} from './Router';
 
 SplashScreen.preventAutoHideAsync();
@@ -18,6 +20,29 @@ export default function App() {
   const tips = useTips();
   const {showToast} = useToast();
 
+  const {showDialog, hideDialog} = useDialog();
+
+  const account = useAccount();
+
+  useEffect(() => {
+    const chainId = account.chainId ? starknetChainId(account.chainId) : undefined;
+
+    if (chainId) {
+      if (chainId !== CHAIN_ID) {
+        showDialog({
+          title: 'Wrong Network',
+          description:
+            'Joyboy currently only supports the Starknet Sepolia network. Please switch to the Sepolia network to continue.',
+          buttons: [],
+        });
+      } else {
+        hideDialog();
+      }
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [account.chainId]);
+
   useEffect(() => {
     (async () => {
       try {