From 13e357637b817cb671b95d0cfdb1240e1e790063 Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Mon, 23 Aug 2021 17:18:07 +0100
Subject: [PATCH] style updates

---
 tauri-wallet/src/routes/send/SendConfirmation.tsx |  7 ++++++-
 tauri-wallet/src/routes/send/SendWizard.tsx       | 10 +++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/tauri-wallet/src/routes/send/SendConfirmation.tsx b/tauri-wallet/src/routes/send/SendConfirmation.tsx
index e2db52e6ff..e9195cc87b 100644
--- a/tauri-wallet/src/routes/send/SendConfirmation.tsx
+++ b/tauri-wallet/src/routes/send/SendConfirmation.tsx
@@ -7,15 +7,20 @@ import { SendReviewField } from './SendReview'
 export const SendConfirmation = ({
   amount,
   recipient,
+  onFinish,
 }: {
   amount: string
   recipient: string
+  onFinish: () => void
 }) => {
   const theme: Theme = useTheme()
   const [isLoading, setIsLoading] = useState(true)
 
   useEffect(() => {
-    setTimeout(() => setIsLoading(false), 3000)
+    setTimeout(() => {
+      setIsLoading(false)
+      onFinish()
+    }, 3000)
   }, [])
 
   return (
diff --git a/tauri-wallet/src/routes/send/SendWizard.tsx b/tauri-wallet/src/routes/send/SendWizard.tsx
index 8d1d54a53c..592e3c2004 100644
--- a/tauri-wallet/src/routes/send/SendWizard.tsx
+++ b/tauri-wallet/src/routes/send/SendWizard.tsx
@@ -32,8 +32,8 @@ export const SendWizard = () => {
         activeStep={activeStep}
         style={{ background: theme.palette.grey[50] }}
       >
-        {steps.map((s) => (
-          <Step>
+        {steps.map((s, i) => (
+          <Step key={i}>
             <StepLabel>{s}</StepLabel>
           </Step>
         ))}
@@ -56,7 +56,11 @@ export const SendWizard = () => {
         ) : activeStep === 1 ? (
           <SendReview recipientAddress={toAddress} amount={sendAmount} />
         ) : (
-          <SendConfirmation amount={sendAmount} recipient={toAddress} />
+          <SendConfirmation
+            amount={sendAmount}
+            recipient={toAddress}
+            onFinish={() => setActiveStep((s) => s + 1)}
+          />
         )}
       </div>
       <div