cosmetics

components/ui/ChooseWalletOverlay.vue

@@ -65,6 +65,7 @@
           placeholder="account.address"
           class="w-full rounded-md border-0 bg-gray-800 py-1.5 text-white shadow-sm ring-1 ring-inset ring-gray-700 focus:ring-1 focus:ring-inset focus:ring-incognitee-green sm:text-sm sm:leading-6"
         >
+          <option disabled value="">choose...</option>
           <option
             v-for="account in extensionAccounts"
             :key="account.address"
@@ -74,7 +75,10 @@
           </option>
         </select>
       </div>
-      <div v-if="accountStore.hasInjector" class="mt-10">
+      <div
+        v-if="accountStore.hasInjector && showTrustedGetterHint"
+        class="mt-10"
+      >
         <p>
           please allow this app to read your balance by signing the upcoming
           request in your extension
@@ -96,7 +100,7 @@ import { defineProps, computed, ref, watch } from "vue";
 import { useAccount } from "@/store/account.ts";
 
 const accountStore = useAccount();
-const selectedExtensionAccount = ref(null);
+const selectedExtensionAccount = ref("");
 
 const props = defineProps({
   createTestingAccount: {
@@ -115,6 +119,10 @@ const props = defineProps({
     type: Function,
     required: true,
   },
+  showTrustedGetterHint: {
+    type: Boolean,
+    required: false,
+  },
 });
 const hasCreateTestingAccountFn = computed(
   () => typeof props.createTestingAccount === "function",

pages/index.vue

@@ -106,7 +106,8 @@
           </h3>
           <div v-if="isFetchingIncogniteeBalance" class="spinner"></div>
           <div v-if="disableGetter">
-            getter disabled. please reconnect your account
+            getter disabled. please reconnect your account and sign the getter
+            request in your extension
           </div>
           <div class="text-4xl font-semibold" v-else>
             {{ accountStore.formatBalanceFree(incogniteeSidechain) }}
@@ -951,6 +952,7 @@
     :close="closeChooseWalletOverlay"
     :createTestingAccount="createTestingAccount"
     :onExtensionAccountChange="onExtensionAccountChange"
+    :showTrustedGetterHint="true"
   />
 
   <StatusOverlay