From 426b157f1e79808a7924af8cfeca50e547fb44d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9gor=20Sternat?= <gregor.sternat@kiln.fi>
Date: Mon, 30 Sep 2024 00:15:44 +0200
Subject: [PATCH] style: run format

---
 src/App.vue                     | 72 +++++++++++++--------------------
 src/components/passwordPage.vue | 23 +++++------
 2 files changed, 38 insertions(+), 57 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5edaa21..a02e9b5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,58 +1,40 @@
 <script setup lang="ts">
-  import VerticalNavbar from "./components/wallet/verticalNavbar.vue";
-  import transactions_container from "./components/transaction/transactions_container.vue";
-  import ERC from "./components/main/ERC/ERC.vue";
-  import { onMounted, ref, onUnmounted } from "vue";
-  import passwordPage from "./components/passwordPage.vue";
-  import HeaderMenu from "./components/wallet/headerMenu.vue"
-  import chainSwitcher from "./components/chainSwitcher.vue";
-  import { SwitchChain } from "./multichain";
-  import { useStore } from "vuex";
+import VerticalNavbar from './components/wallet/verticalNavbar.vue'
+import transactions_container from './components/transaction/transactions_container.vue'
+import ERC from './components/main/ERC/ERC.vue'
+import { onMounted, ref, onUnmounted } from 'vue'
+import passwordPage from './components/passwordPage.vue'
+import HeaderMenu from './components/wallet/headerMenu.vue'
+import chainSwitcher from './components/chainSwitcher.vue'
+import { SwitchChain } from './multichain'
+import { useStore } from 'vuex'
 
 const open = ref(false)
 const store = useStore()
 
-  onMounted(() => {
-    let isOpen: string | null;
-    if (sessionStorage.getItem('lock-wallet') && store.state.password) {
-      isOpen = localStorage.getItem('open-wallet')
-      if (isOpen === 'true') {
-        open.value = true
-      }
-    } else {
-      isOpen = "false";
-      open.value = false
+onMounted(() => {
+  let isOpen: string | null
+  if (sessionStorage.getItem('lock-wallet') && store.state.password) {
+    isOpen = localStorage.getItem('open-wallet')
+    if (isOpen === 'true') {
+      open.value = true
     }
-    // const store = useStore()
-    // SwitchChain(store)
+  } else {
+    isOpen = 'false'
+    open.value = false
+  }
+  // const store = useStore()
+  // SwitchChain(store)
 
   setInterval(checkOpen, 5000)
 
-    const handleVisibilityChange = () => {
-      if (document.hidden) {
-        if (sessionStorage.getItem('lock-wallet') === 'true') {
-          open.value = false;
-          localStorage.setItem('open-wallet', 'false');
-          store.dispatch('clearPassword')
-        }
+  const handleVisibilityChange = () => {
+    if (document.hidden) {
+      if (sessionStorage.getItem('lock-wallet') === 'true') {
+        open.value = false
+        localStorage.setItem('open-wallet', 'false')
+        store.dispatch('clearPassword')
       }
-    };
-
-    document.addEventListener('visibilitychange', handleVisibilityChange);
-
-    onUnmounted(() => {
-      document.removeEventListener('visibilitychange', handleVisibilityChange);
-    });
-  })
-
-  function checkOpen() {
-    const isOpen = localStorage.getItem('open-wallet')
-    if (isOpen === 'true') {
-      open.value = true
-    } else {
-      open.value = false
-      localStorage.setItem('open-wallet', 'false')
-      store.dispatch('clearPassword')
     }
   }
 
diff --git a/src/components/passwordPage.vue b/src/components/passwordPage.vue
index b5cfbfc..27054e3 100644
--- a/src/components/passwordPage.vue
+++ b/src/components/passwordPage.vue
@@ -1,16 +1,15 @@
 <template>
-    <div id="password-page">
-        <img src="/img/PrettyMetaMask.png" alt="PrettyMetaMask Logo" class="logo">
-        <div v-if="havePassword">
-            <h1 class="title">Enter your Password</h1>
-            <input type="password" @keyup.enter="submitPassword" v-model="password" placeholder="Password" />
-            <button class="btn" @click="submitPassword">Enter</button>
-        </div>
-        <div v-else>
-            <h1 class="title">Create your Password</h1>
-            <input type="password" v-model="password" placeholder="Password" />
-            <button class="btn" @click="createPassword">Create</button>
-        </div>
+  <div id="password-page">
+    <img src="/img/PrettyMetaMask.png" alt="PrettyMetaMask Logo" class="logo" />
+    <div v-if="havePassword">
+      <h1 class="title">Enter your Password</h1>
+      <input
+        type="password"
+        @keyup.enter="submitPassword"
+        v-model="password"
+        placeholder="Password"
+      />
+      <button class="btn" @click="submitPassword">Enter</button>
     </div>
     <div v-else>
       <h1 class="title">Create your Password</h1>