From a9676288ea428d3713c7c1dcc6efb2512468631b Mon Sep 17 00:00:00 2001
From: muzam <muzamilsofi@outlook.com>
Date: Tue, 11 Jan 2022 20:20:39 +0530
Subject: [PATCH] implement reset transaction state

---
 pages/_app.tsx             |  2 +-
 pages/test/[[...slug]].tsx | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 8fd6e28..8a96417 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import "../styles/globals.css";
 import type { AppProps } from "next/app";
 import Head from "next/head";
diff --git a/pages/test/[[...slug]].tsx b/pages/test/[[...slug]].tsx
index 2a6fdea..f199b91 100644
--- a/pages/test/[[...slug]].tsx
+++ b/pages/test/[[...slug]].tsx
@@ -117,6 +117,15 @@ const Transaction = () => {
     txIsDisabled,
   ]);
 
+  const resetState = useCallback(() => {
+    setSelectedAccount(null);
+    setSelectedDestAccount(null);
+    setSelectedTransaction(null);
+    setTxFields({});
+    setTxIsDisabled(false);
+    setTxIsLoading(false);
+  }, []);
+
   const usualFields = ["TransactionType", "Amount", "Account", "Destination"];
   const otherFields = Object.keys(txFields).filter(k => !usualFields.includes(k)) as OtherFields;
   return (
@@ -229,7 +238,7 @@ const Transaction = () => {
       >
         <Button outline>VIEW AS JSON</Button>
         <Flex row>
-          <Button outline css={{ mr: "$3" }}>
+          <Button onClick={resetState} outline css={{ mr: "$3" }}>
             RESET
           </Button>
           <Button