Clear script log on running new script.

components/Accounts.tsx

@@ -32,7 +32,6 @@ import { SetHookDialog } from "./SetHookDialog";
 import { addFunds } from "../state/actions/addFaucetAccount";
 import { deleteHook } from "../state/actions/deployHook";
 import { capitalize } from "../utils/helpers";
-import { deleteAccount } from '../state/actions/deleteAccount';
 
 export const AccountDialog = ({
   activeAccountAddress,
@@ -100,7 +99,10 @@ export const AccountDialog = ({
               css={{ ml: "auto", mr: "$9" }}
               tabIndex={-1}
               onClick={() => {
-                deleteAccount(activeAccount?.address);
+                const index = state.accounts.findIndex(
+                  acc => acc.address === activeAccount?.address
+                );
+                state.accounts.splice(index, 1);
               }}
             >
               Delete Account <Trash size="15px" />

components/LogBox.tsx

@@ -162,7 +162,7 @@ export const Log: FC<ILog> = ({
 
   const enrichAccounts = useCallback(
     (str?: string): ReactNode => {
-      if (!str || !accounts.length) return str;
+      if (!str || !accounts.length) return null;
 
       const pattern = `(${accounts.map(acc => acc.address).join("|")})`;
       const res = regexifyString({

components/RunScript/index.tsx

@@ -143,7 +143,6 @@ const RunScript: React.FC<{ file: IFile }> = ({ file: { content, name } }) => {
       setIframeCode(template);
 
       state.scriptLogs = [
-        ...snap.scriptLogs,
         { type: "success", message: "Started running..." },
       ];
     } catch (err) {

state/actions/deleteAccount.ts

@@ -1,24 +0,0 @@
-import state, { transactionsState } from '..';
-
-export const deleteAccount = (addr?: string) => {
-    if (!addr) return;
-    const index = state.accounts.findIndex(acc => acc.address === addr);
-    if (index === -1) return;
-    state.accounts.splice(index, 1);
-
-    // update selected accounts
-    transactionsState.transactions
-        .filter(t => t.state.selectedAccount?.value === addr)
-        .forEach(t => {
-            const acc = t.state.selectedAccount;
-            if (!acc) return;
-            acc.label = acc.value;
-        });
-    transactionsState.transactions
-        .filter(t => t.state.selectedDestAccount?.value === addr)
-        .forEach(t => {
-            const acc = t.state.selectedDestAccount;
-            if (!acc) return;
-            acc.label = acc.value;
-        });
-};