src/main.tsx

@@ -15,8 +15,8 @@ store.subscribe(
     saveState({
       auth: store.getState().auth,
       metadata: store.getState().metadata,
-      relays: store.getState().relays,
-      userRobotImage: store.getState().userRobotImage
+      userRobotImage: store.getState().userRobotImage,
+      relays: store.getState().relays
     })
   }, 1000)
 )

src/routes/index.tsx

@@ -11,9 +11,9 @@ import { VerifyPage } from '../pages/verify'
 export const appPrivateRoutes = {
   homePage: '/',
   create: '/create',
+  sign: '/sign',
   verify: '/verify',
-  relays: '/relays',
-  sign: '/sign'
+  relays: '/relays'
 }
 
 export const appPublicRoutes = {
@@ -63,5 +63,9 @@ export const privateRoutes = [
   {
     path: appPrivateRoutes.verify,
     element: <VerifyPage />
+  },
+  {
+    path: appPrivateRoutes.relays,
+    element: <RelaysPage />
   }
 ]

src/store/actionTypes.ts

@@ -11,3 +11,5 @@ export const SET_METADATA_EVENT = 'SET_METADATA_EVENT'
 export const SET_RELAY_MAP = 'SET_RELAY_MAP'
 
 export const SET_USER_ROBOT_IMAGE = 'SET_USER_ROBOT_IMAGE'
+
+export const SET_RELAY_MAP = 'SET_RELAY_MAP'

src/store/rootReducer.ts

@@ -3,9 +3,9 @@ import { combineReducers } from 'redux'
 import authReducer from './auth/reducer'
 import { AuthState } from './auth/types'
 import metadataReducer from './metadata/reducer'
+import userRobotImageReducer from './userRobotImage/reducer'
 import { RelaysState } from './relays/types'
 import relaysReducer from './relays/reducer'
-import userRobotImageReducer from './userRobotImage/reducer'
 
 export interface State {
   auth: AuthState