From eb63bddf151fdd0daa841ba9e1f6f446cfd2fbfa Mon Sep 17 00:00:00 2001
From: Enrique Ortiz <hi@enriqueortiz.dev>
Date: Tue, 3 Nov 2020 12:38:39 -0400
Subject: [PATCH] fix: cache chain id for refresh, add alt for logo

---
 packages/govern-console/src/Providers/ChainId.tsx        | 9 +++++++--
 packages/govern-console/src/components/Header/Header.tsx | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/govern-console/src/Providers/ChainId.tsx b/packages/govern-console/src/Providers/ChainId.tsx
index ca2036225..30e9cc4b8 100644
--- a/packages/govern-console/src/Providers/ChainId.tsx
+++ b/packages/govern-console/src/Providers/ChainId.tsx
@@ -5,7 +5,8 @@ import React, {
   useState,
   useMemo,
 } from 'react'
-import env from '../environment'
+
+const CHAIN_ID = 'ARAGON_CONSOLE_CHAIN_ID'
 
 type ChainIdContextProps = {
   chainId: number
@@ -29,11 +30,15 @@ type ChainIdProviderProps = {
 }
 
 export default function ChainIdProvider({ children }: ChainIdProviderProps) {
-  const [chainId, setChainId] = useState(Number(env('CHAIN_ID')))
+  const [chainId, setChainId] = useState(
+    // Always default to rinkeby if there's no chain id cached
+    Number(localStorage.getItem(CHAIN_ID)) || 4,
+  )
 
   const handleChangeChainId = useCallback(
     chainId => {
       setChainId(Number(chainId))
+      localStorage.setItem(CHAIN_ID, String(chainId))
     },
     [setChainId],
   )
diff --git a/packages/govern-console/src/components/Header/Header.tsx b/packages/govern-console/src/components/Header/Header.tsx
index acad2dbec..7898ba244 100644
--- a/packages/govern-console/src/components/Header/Header.tsx
+++ b/packages/govern-console/src/components/Header/Header.tsx
@@ -47,7 +47,7 @@ function Header() {
           align-items: center;
         `}
       >
-        <img src={AragonSvg} width="36" />
+        <img src={AragonSvg} width="36" alt="Grey Eagle Aragon logo"/>
         <h1
           css={`
             flex-grow: 1;