use history.push for hash routing (#31)

Author: piyalbasu

src/popup/views/CreatePassword/index.tsx

@@ -2,6 +2,7 @@ import React, { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { Formik } from "formik";
 import { object as YupObject } from "yup";
+import { history } from "popup/App";
 import { createAccount, publicKeySelector } from "popup/ducks/authServices";
 import { Onboarding } from "popup/components/Layout/Fullscreen/Onboarding";
 import Form from "popup/components/Form";
@@ -19,7 +20,6 @@ import {
   termsOfUse as termsofUseValidator,
 } from "popup/components/Form/validators";
 import { EMOJI } from "popup/constants";
-import { history } from "popup/App";
 
 const CreatePassword = () => {
   const publicKey = useSelector(publicKeySelector);
@@ -58,7 +58,7 @@ const CreatePassword = () => {
       header="Create a password"
       subheader="Min 10 characters"
       icon={EMOJI.see_no_evil}
-      goBack={() => window.location.replace("/")}
+      goBack={() => history.push({ pathname: "/" })}
     >
       <Formik
         initialValues={initialValues}

src/popup/views/RecoverAccount/index.tsx

@@ -2,6 +2,7 @@ import React, { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { Formik } from "formik";
 import { object as YupObject, string as YupString } from "yup";
+import { history } from "popup/App";
 import {
   password as passwordValidator,
   confirmPassword as confirmPasswordValidator,
@@ -81,7 +82,7 @@ const RecoverAccount = () => {
           <Onboarding
             header="Recover wallet from backup phrase"
             icon={icon}
-            goBack={() => window.location.replace("/")}
+            goBack={() => history.push({ pathname: "/" })}
           >
             <>
               <FormRow>