Merge branch 'development'

Author: wzrdx

src/App.tsx

@@ -1,17 +1,24 @@
 import Layout from '@components/layout/Layout';
+import { Spinner } from '@heroui/spinner';
+import { getNodeLastEpoch } from '@lib/api/oracles';
 import { AuthenticationContextType, useAuthenticationContext } from '@lib/contexts/authentication';
 import { BlockchainContextType, useBlockchainContext } from '@lib/contexts/blockchain';
 import { routePath } from '@lib/routes/route-paths';
 import { isParentRoute, isSimpleRoute, routes } from '@lib/routes/routes';
-import { useEffect } from 'react';
-import { Navigate, Route, Routes } from 'react-router-dom';
-import { useAccount } from 'wagmi';
+import { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { Navigate, Route, Routes, useNavigate } from 'react-router-dom';
+import { useAccount, usePublicClient } from 'wagmi';
 
 function App() {
     const { authenticated } = useAuthenticationContext() as AuthenticationContextType;
-    const { setR1Balance } = useBlockchainContext() as BlockchainContextType;
+    const { setR1Balance, fetchLicenses } = useBlockchainContext() as BlockchainContextType;
+
+    const [isLoading, setLoading] = useState(false);
 
     const { address } = useAccount();
+    const navigate = useNavigate();
+    const publicClient = usePublicClient();
 
     useEffect(() => {
         if (!address && !authenticated) {
@@ -20,6 +27,41 @@ function App() {
         }
     }, [address, authenticated]);
 
+    useEffect(() => {
+        if (!publicClient) {
+            return;
+        } else {
+            if (authenticated && !!address && publicClient) {
+                if (process.env.NODE_ENV !== 'development') {
+                    checkOracleOwnership();
+                }
+            }
+        }
+    }, [authenticated, address, publicClient]);
+
+    const checkOracleOwnership = async () => {
+        setLoading(true);
+
+        try {
+            console.log('[checkOracleOwnership] Checking oracle ownership');
+
+            const licenses = await fetchLicenses();
+            const nodeResponses = await Promise.all(licenses.map((license) => getNodeLastEpoch(license.nodeAddress)));
+
+            const hasOracle = nodeResponses.some((nodeResponse) => nodeResponse.node_is_oracle);
+            console.log('[checkOracleOwnership] has oracle', hasOracle);
+
+            if (!hasOracle) {
+                navigate(routePath.notAllowed);
+            }
+        } catch (error) {
+            console.error('Error checking oracle ownership', error);
+            toast.error('Error checking oracle ownership.');
+        } finally {
+            setLoading(false);
+        }
+    };
+
     return (
         <>
             <Routes>
@@ -54,6 +96,11 @@ function App() {
             </Routes>
 
             {/* Global overlays */}
+            {isLoading && (
+                <div className="center-all col backdrop-blur-xs fixed bottom-0 left-0 right-0 top-0 gap-6 bg-white/50 p-8">
+                    <Spinner />
+                </div>
+            )}
         </>
     );
 }