Merge pull request #158 from oasisprotocol/feat/add-footer

feat: link to github repo #15

src/app/__tests__/__snapshots__/index.test.tsx.snap

@@ -91,6 +91,7 @@ exports[`<App /> should render and match the snapshot 1`] = `
             />
           </Switch>
         </TransitionGroup>
+        <Memo />
       </Styled(Main)>
     </Box>
   </Box>

src/app/components/Footer/index.tsx

@@ -0,0 +1,27 @@
+import { Anchor, Box, Text } from 'grommet'
+import React, { memo } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+
+export const Footer = memo(() => {
+  const { t } = useTranslation()
+
+  return (
+    <Box
+      direction="row"
+      justify="center"
+      align="center"
+      round="5px"
+      // border={{ color: 'brand' }}
+      pad={{ right: 'small', top: 'medium' }}
+    >
+      <Text>
+        <Trans
+          i18nKey="footer.github"
+          t={t}
+          components={[<Anchor href="https://github.com/oasisprotocol/oasis-wallet-web" />]}
+          defaults="Oasis Wallet is fully <0>open source</0> - Feedback and issues are appreciated!"
+        />
+      </Text>
+    </Box>
+  )
+})

src/app/index.tsx

@@ -17,6 +17,7 @@ import styled from 'styled-components'
 
 import { history } from './../store/reducers'
 import { FatalErrorHandler } from './components/FatalErrorHandler'
+import { Footer } from './components/Footer'
 import { Navigation } from './components/Sidebar'
 import { Toolbar } from './components/Toolbar'
 import { TransitionRoute } from './components/TransitionRoute'
@@ -56,6 +57,7 @@ export function App() {
                 <TransitionRoute path="/account/:address" component={AccountPage} />
               </Switch>
             </TransitionGroup>
+            <Footer />
           </AppMain>
         </Box>
       </Box>

src/locales/en/translation.json

@@ -217,5 +217,8 @@
     "heading": "A fatal error occurred",
     "copy": "Copy error to clipboard",
     "copied": "Error copied to clipboard"
+  },
+  "footer": {
+    "github": "Oasis Wallet is fully <0>open source</0> - Feedback and issues are appreciated!"
   }
 }

src/locales/fr/translation.json

@@ -50,8 +50,8 @@
     "doNotShare": "Ne partagez jamais votre phrase secrète, l'accès à votre phrase secrète permet d'accéder à votre portefeuille ainsi qu'à vos tokens.",
     "confirmSaved": "J'ai sauvegardé ma phrase secrète.",
     "confirmMnemonic": {
-      "header": "Confirm your mnemonic ({{progress}}/{{total}})",
-      "pickWord": "Pick the right word corresponding to word #{{index}}"
+      "header": "Confirmez votre phrase secrète ({{progress}}/{{total}})",
+      "pickWord": "Choisissez le mot #{{index}}"
     }
   },
   "account": {
@@ -213,9 +213,12 @@
     "debondingEpoch": "Epoch de récupération"
   },
   "fatalError": {
-    "instruction": "A fatal unexpected error has occurred and Oasis-wallet must stop. Please copy report this issue below on our <0>github account</0>. You can also try refreshing page to see if the issue persists. Once you leave this page, all of your wallets will be closed.",
-    "heading": "A fatal error occurred",
-    "copy": "Copy error to clipboard",
-    "copied": "Error copied to clipboard"
+    "instruction": "Une erreur fatale s'est produite et le portefeuille Oasis a dû être arrêté. Merci de copier l'erreur et de la soumettre en tant qu'Issue sur notre <0>Github</0>. Vous pouvez également rafraîchir la page pour voir si le problème persiste. Une fois que vous quittez cette page votre portefeuille sera refermé.",
+    "heading": "Une erreur fatale s'est produite",
+    "copy": "Copier l'erreur",
+    "copied": "Erreur copiée"
+  },
+  "footer": {
+    "github": "Oasis Wallet est entièrement <0>open source</0> - N'hésitez pas à remonter tout problème !"
   }
 }