Force metamask login

minter/src/App.js

@@ -7,8 +7,8 @@ import { Container } from './components/generic'
 import { useState, useEffect } from 'react'
 import { log } from './modules/helpers'
 import { useAddress, getAddress } from './modules/web3'
-import { HashRouter, Routes, Route } from 'react-router-dom'
+import { HashRouter} from 'react-router-dom'
-
+import Router from './components/router'
 
 function App() {
 
@@ -34,17 +34,7 @@ function App() {
 	</Container>
 	return <HashRouter>
 		
-		<Routes>
+		<Router />
-			
-			<Route exact path='/' element={ <Metamask /> } />
-			<Route exact path='/mint' element={ <Minter /> } />
-			<Route path='/verify/' element={ <Verifier /> }>
-				<Route path='/verify/:verificationCode' element={ <Verifier /> } />
-			</Route>
-			<Route exact path='/avatar' element={ <Avatar /> } />
-			<Route exact path='/portfolio' element={ <Portfolio /> } />
-
-		</Routes>
 
 	</HashRouter>
 

minter/src/components/router.js

@@ -0,0 +1,45 @@
+import Minter from './minter'
+import Metamask from './metamask'
+import Verifier from './verifier'
+import Avatar from './avatar'
+import Portfolio from './portfolio'
+import { Container } from './generic'
+import { useState, useEffect } from 'react'
+import { log } from '../modules/helpers'
+import { useAddress, getAddress } from '../modules/web3'
+import { Routes, Route, useNavigate } from 'react-router-dom'
+
+
+function Router() {
+
+	// ///////////////////////////////
+	// States
+	// ///////////////////////////////
+	const address = useAddress()
+	const navigate = useNavigate()
+	// ///////////////////////////////
+	// Lifecycle
+	// ///////////////////////////////
+	useEffect( f => {
+		log( 'Address change' )
+		if( !address ) navigate( '/' )
+	}, [ address, navigate ] )
+
+	// ///////////////////////////////
+	// Rendering
+	// ///////////////////////////////
+	return <Routes>
+			
+		<Route exact path='/' element={ <Metamask /> } />
+		<Route exact path='/mint' element={ <Minter /> } />
+		<Route path='/verify/' element={ <Verifier /> }>
+			<Route path='/verify/:verificationCode' element={ <Verifier /> } />
+		</Route>
+		<Route exact path='/avatar' element={ <Avatar /> } />
+		<Route exact path='/portfolio' element={ <Portfolio /> } />
+
+	</Routes>
+
+}
+
+export default Router;