show toaster first

libs/remix-ui/run-tab/src/lib/components/environment.tsx

@@ -48,29 +48,29 @@ export function EnvironmentUI(props: EnvironmentProps) {
     )
   }
 
-  const saveVmState = () => {
+  const saveVmState = async () => {
     const context = currentProvider.name
     vmStateName.current = `${context}_${Date.now()}`
-    props.modal(
+    const contextExists = await props.runTabPlugin.call('fileManager', 'exists', `.states/${context}/state.json`)
-      intl.formatMessage({ id: 'udapp.saveVmStateTitle' }),
+    if (contextExists) {
-      saveVmStatePrompt(vmStateName.current),
+      props.modal(
-      intl.formatMessage({ id: 'udapp.save' }),
+        intl.formatMessage({ id: 'udapp.saveVmStateTitle' }),
-      async () => {
+        saveVmStatePrompt(vmStateName.current),
-        const contextExists = await props.runTabPlugin.call('fileManager', 'exists', `.states/${context}/state.json`)
+        intl.formatMessage({ id: 'udapp.save' }),
-        if (contextExists) {
+        async () => {
-          let currentStateDb = await props.runTabPlugin.call('fileManager', 'readFile', `.states/${context}/state.json`)
+            let currentStateDb = await props.runTabPlugin.call('fileManager', 'readFile', `.states/${context}/state.json`)
-          currentStateDb = JSON.parse(currentStateDb)
+            currentStateDb = JSON.parse(currentStateDb)
-          currentStateDb.stateName = vmStateName.current
+            currentStateDb.stateName = vmStateName.current
-          currentStateDb.forkName = currentProvider.fork
+            currentStateDb.forkName = currentProvider.fork
-          currentStateDb.savingTimestamp = Date.now()
+            currentStateDb.savingTimestamp = Date.now()
-          await props.runTabPlugin.call('fileManager', 'writeFile', `.states/saved_states/${vmStateName.current}.json`, JSON.stringify(currentStateDb, null, 2))
+            await props.runTabPlugin.call('fileManager', 'writeFile', `.states/saved_states/${vmStateName.current}.json`, JSON.stringify(currentStateDb, null, 2))
-          props.runTabPlugin.emit('vmStateSaved', vmStateName.current)
+            props.runTabPlugin.emit('vmStateSaved', vmStateName.current)
-          props.runTabPlugin.call('notification', 'toast', `VM state ${vmStateName.current} saved.`)
+            props.runTabPlugin.call('notification', 'toast', `VM state ${vmStateName.current} saved.`)
-        } else props.runTabPlugin.call('notification', 'toast', `VM state doesn't exist for selected environment.`)
+        },
-      },
+        intl.formatMessage({ id: 'udapp.cancel' }),
-      intl.formatMessage({ id: 'udapp.cancel' }),
+        null
-      null
+      )
-    )
+    } else props.runTabPlugin.call('notification', 'toast', `VM state doesn't exist for selected environment.`)
   }
 
   const resetVmState = () => {