fix(Relays): add color to the container class

src/components/AppBar/AppBar.tsx

@@ -170,6 +170,8 @@ export const AppBar = () => {
                 </MenuItem>
                 <MenuItem
                   onClick={() => {
+                    setAnchorElUser(null)
+
                     navigate(appPrivateRoutes.relays)
                   }}
                   sx={{

src/controllers/AuthController.ts

@@ -86,6 +86,10 @@ export class AuthController {
         store.dispatch(setRelayMapAction(relayMap.map))
     }
 
+    const currentLocation = window.location.hash.replace('#', '')
+
+    if (!Object.values(appPrivateRoutes).includes(currentLocation)) {
+      // User did change the location to one of the private routes
       const visitedLink = getVisitedLink()
 
       if (visitedLink) {
@@ -97,6 +101,7 @@ export class AuthController {
         return Promise.resolve(appPrivateRoutes.homePage)
       }
     }
+  }
 
   checkSession() {
     const savedAuthToken = getAuthToken()

src/pages/login/index.tsx

@@ -82,7 +82,8 @@ export const Login = () => {
         const redirectPath =
           await authController.authAndGetMetadataAndRelaysMap(pubkey)
 
-        navigateAfterLogin(redirectPath)
+          if (redirectPath) navigateAfterLogin(redirectPath)
+        
       })
       .catch((err) => {
         toast.error('Error capturing public key from nostr extension: ' + err)

src/pages/relays/index.tsx

@@ -71,6 +71,12 @@ export const RelaysPage = () => {
     }
   }, [relaysInfo, relaysState?.info])
 
+  useEffect(() => {
+    if (!compareObjects(relayMap, relaysState?.map)) {
+      setRelayMap(relaysState?.map)
+    }
+  }, [relayMap, relaysState?.map])
+
   useEffect(() => {
     let isMounted = false
 

src/pages/relays/style.module.scss

@@ -2,6 +2,7 @@
 
 .container {
   margin-top: 25px;
+  color: $text-color;
 
   .relayURItextfield {
     width: 100%;