From 4af2c1a73479f4743a3f2ba90e0341b43482097e Mon Sep 17 00:00:00 2001
From: vol4tim <vol4tim@gmail.com>
Date: Tue, 12 Mar 2024 13:57:04 +0400
Subject: [PATCH] fix start loader

---
 src/App.vue                       | 14 ++++++++------
 src/components/Header.vue         |  3 +++
 src/components/layouts/Loader.vue | 16 ++++++++++++++++
 3 files changed, 27 insertions(+), 6 deletions(-)
 create mode 100644 src/components/layouts/Loader.vue

diff --git a/src/App.vue b/src/App.vue
index 4a0cb52..10e74ab 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,16 @@
 <template>
-  <main-layout :title="title">
-    <template v-if="isReady">
-      <router-view />
-    </template>
-    <robo-layout-section v-else gcenter>
+  <main-layout v-if="isReady" :title="title">
+    <router-view />
+  </main-layout>
+  <loader-layout v-else :title="title">
+    <robo-layout-section gcenter>
       <robo-loader size="2" />
     </robo-layout-section>
-  </main-layout>
+  </loader-layout>
 </template>
 
 <script>
+import LoaderLayout from "@/components/layouts/Loader.vue";
 import MainLayout from "@/components/layouts/Main.vue";
 import { inject, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
@@ -18,6 +19,7 @@ import { useStore } from "vuex";
 export default {
   name: "App",
   components: {
+    LoaderLayout,
     MainLayout
   },
   setup() {
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 96e5d9f..637d899 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -144,6 +144,9 @@ export default {
   },
   methods: {
     async handlerAccount(address) {
+      if (!this.RobonomicsProvider.isReady.value) {
+        return;
+      }
       if (this.unsubscribeBalance) {
         this.unsubscribeBalance();
       }
diff --git a/src/components/layouts/Loader.vue b/src/components/layouts/Loader.vue
new file mode 100644
index 0000000..7e3e097
--- /dev/null
+++ b/src/components/layouts/Loader.vue
@@ -0,0 +1,16 @@
+<template>
+  <robo-layout>
+    <dapp-header :title="title" />
+    <slot />
+  </robo-layout>
+</template>
+
+<script>
+import DappHeader from "@/components/Header";
+
+export default {
+  components: {
+    DappHeader
+  }
+};
+</script>