Merge pull request #181 from CityOfZion/CU-86a4wpzuv-2

CU-86a4wpzuv-NEON3 - Wipe Local Data

src/renderer/src/components/SuccessIcon.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import { TbDiscountCheck } from 'react-icons/tb'
+
+export const SuccessIcon: React.FC = () => (
+  <TbDiscountCheck
+    className={'text-blue stroke-1 bg-asphalt rounded-[50%] p-1.5 mt-8 w-[118px] h-[118px]'}
+    aria-hidden={true}
+  />
+)

src/renderer/src/locales/en/pages.json

@@ -146,6 +146,12 @@
       }
     }
   },
+  "forgottenPasswordSuccess": {
+    "title": "Success!",
+    "text": "You’ve reset Neon",
+    "description": "All local app data has been removed and you’re now ready to start over",
+    "goToWelcome": "Go to welcome screen"
+  },
   "send": {
     "title": "Send Tokens",
     "leftSideTitle": "Token balances",

src/renderer/src/routes/pages/ForgottenPassword/Confirm/index.tsx

@@ -2,20 +2,21 @@ import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
 import { Banner } from '@renderer/components/Banner'
 import { Swipe } from '@renderer/components/Swipe'
-import { ToastHelper } from '@renderer/helpers/ToastHelper'
+import { useAppDispatch } from '@renderer/hooks/useRedux'
 import { WelcomeLayout } from '@renderer/layouts/Welcome'
+import { settingsReducerActions } from '@renderer/store/reducers/SettingsReducer'
 import { RootStore } from '@renderer/store/RootStore'
 
 export const ForgottenPasswordConfirmPage = () => {
   const { t } = useTranslation('pages', { keyPrefix: 'forgottenPasswordConfirm' })
   const navigate = useNavigate()
+  const dispatch = useAppDispatch()
 
   const clearData = async () => {
     await RootStore.persistor.purge()
 
-    ToastHelper.success({ message: t('success') })
-
-    navigate('/welcome')
+    dispatch(settingsReducerActions.setIsFirstTime(false))
+    navigate('/forgotten-password-success')
   }
 
   return (

src/renderer/src/routes/pages/ForgottenPassword/Success/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { Link } from '@renderer/components/Link'
+import { SuccessIcon } from '@renderer/components/SuccessIcon'
+import { WelcomeLayout } from '@renderer/layouts/Welcome'
+
+export const ForgottenPasswordSuccessPage: React.FC = () => {
+  const { t } = useTranslation('pages', { keyPrefix: 'forgottenPasswordSuccess' })
+
+  return (
+    <WelcomeLayout heading={t('title')}>
+      <div className={'flex flex-col h-full text-center gap-y-6 items-center max-w-[280px]'}>
+        <SuccessIcon />
+
+        <p className={'text-white text-xl'}>{t('text')}</p>
+        <p className={'text-gray-300 text-sm flex-grow'}>{t('description')}</p>
+
+        <Link
+          to={'/neon-account'}
+          label={t('goToWelcome')}
+          colorSchema={'neon'}
+          variant={'contained'}
+          className={'w-full max-w-[250px] mx-auto'}
+        />
+      </div>
+    </WelcomeLayout>
+  )
+}

src/renderer/src/routes/pagesRouter.tsx

@@ -5,6 +5,7 @@ import { NeonAccountPage } from '@renderer/routes/pages/NeonAccountPage'
 
 import { AppPage } from './pages/AppPage'
 import { ContactsPage } from './pages/Contacts'
+import { ForgottenPasswordSuccessPage } from './pages/ForgottenPassword/Success'
 import { LoginPage } from './pages/Login'
 import { PortfolioPage } from './pages/Portfolio'
 import { PortfolioActivityPage } from './pages/Portfolio/Activity'
@@ -256,6 +257,10 @@ export const pagesRouter = routeHandler([
         path: 'forgotten-password-confirm',
         element: <ForgottenPasswordConfirmPage />,
       },
+      {
+        path: 'forgotten-password-success',
+        element: <ForgottenPasswordSuccessPage />,
+      },
     ],
   },
 ])