From 5cd7ffeb13aa05e39523c4efcc8ba90b63332d97 Mon Sep 17 00:00:00 2001
From: Kylan Hurt <kylan.hurt@gmail.com>
Date: Sun, 12 Nov 2023 09:29:34 -0300
Subject: [PATCH 01/13] Initial implementation of BP votes tab

Change BP Vote css to scss

Improve styling for BP Vote tab

Remove progress graph for BP Votes, adjust syntax
---
 src/components/BpVotes.vue | 119 +++++++++++++++++++++++++++++++++++++
 src/pages/Account.vue      |   6 ++
 2 files changed, 125 insertions(+)
 create mode 100644 src/components/BpVotes.vue

diff --git a/src/components/BpVotes.vue b/src/components/BpVotes.vue
new file mode 100644
index 00000000..d39395de
--- /dev/null
+++ b/src/components/BpVotes.vue
@@ -0,0 +1,119 @@
+<script>
+import { getHyperionAccountData } from 'src/api/hyperion';
+
+export default {
+    props: {
+        account: {
+            type: String,
+            required: true,
+        },
+    },
+    data() {
+        return {
+            bpVotes: [],
+        };
+    },
+    async mounted() {
+        const {
+            account: {
+                voter_info: { producers },
+            },
+        } = await getHyperionAccountData(this.account);
+        this.bpVotes = producers;
+    },
+};
+</script>
+
+<template>
+<div
+    class="row col-12 q-my-xs justify-center text-left container-max-width"
+>
+    <div class="row col-11">
+        <div class="row col-12 q-mt-lg">
+            <div>
+                <p class="panel-title">Votes for Block Producers</p>
+            </div>
+            <q-space />
+        </div>
+        <q-separator class="row col-12 q-mt-md separator" />
+        <div class="info-wrap">
+            <div class="row voted-producers q-pa-md">
+                <p>Currently voting for the {{ bpVotes.length }} out of 30 possible block producers:</p>
+                <div v-if="bpVotes.length" class="producers-list">
+                    <span
+                        v-for="producer in bpVotes"
+                        v-bind:key="producer"
+                        class="producer-name"
+                    >
+                        <a :href="`/account/${producer}`">{{ producer }}</a>
+                    </span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</template>
+
+<style lang="scss">
+.info-wrap {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    @media (min-width: $breakpoint-sm-min) {
+        flex-direction: row-reverse;
+        align-items: flex-start;
+    }
+
+    .vote-fraction-wrap {
+        // color: var(--q-primary);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+
+        .bp-vote-circle {
+            color: var(--q-primary);
+        }
+
+        @media (min-width: $breakpoint-sm-min) {
+            border-left: 1px solid var(--q-color-seperator-background);
+        }
+    }
+
+    .voted-producers {
+        display: block;
+        width: 100%;
+
+        p {
+            margin-bottom: 20px;
+            width: 100%;
+            display: none;
+
+            @media (min-width: $breakpoint-sm-min) {
+                display: block;
+            }
+        }
+
+        .producers-list {
+            width: 100%;
+            /* make grid with column width 100px and 20px margin */
+            display: inline-grid;
+            grid-template-columns: repeat(auto-fill, 100px);
+            grid-gap: 20px;
+
+            .producer-name {
+                width: 100px;
+                margin-right: 20px;
+
+                a {
+                    text-decoration: none;
+                    color: var(--q-primary);
+                }
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/Account.vue b/src/pages/Account.vue
index 89d1ce86..bf9a731e 100644
--- a/src/pages/Account.vue
+++ b/src/pages/Account.vue
@@ -6,6 +6,7 @@ import KeysPanel from 'components/KeysPanel.vue';
 import ChildrenPanel from 'components/ChildrenPanel.vue';
 import AccountCard from 'components/AccountCard.vue';
 import ContractTabs from 'components/contract/ContractTabs.vue';
+import BpVotes from 'components/BpVotes.vue';
 import { api } from 'src/api';
 import { useRoute, useRouter } from 'vue-router';
 import { useStore } from 'src/store';
@@ -20,6 +21,7 @@ export default defineComponent({
         ChildrenPanel,
         AccountCard,
         ContractTabs,
+        BpVotes,
     },
     setup() {
         const store = useStore();
@@ -67,6 +69,7 @@ export default defineComponent({
             <q-tab v-if="!accountPageSettings.hideContractsTab && abi" name="contract" label="Contract"/>
             <q-tab v-if="!accountPageSettings.hideTokensTab" name="tokens" label="Tokens"/>
             <q-tab v-if="!accountPageSettings.hideKeysTab" name="keys" label="Keys"/>
+            <q-tab name="votes" label="Votes"/>
             <q-tab v-if="!accountPageSettings.hideChildrenTab" name="children" label="Children"/>
         </q-tabs>
     </div>
@@ -83,6 +86,9 @@ export default defineComponent({
         <q-tab-panel v-if="!accountPageSettings.hideKeysTab" name="keys">
             <KeysPanel :account="account"/>
         </q-tab-panel>
+        <q-tab-panel name="votes">
+            <BpVotes :account="account"/>
+        </q-tab-panel>
         <q-tab-panel v-if="!accountPageSettings.hideChildrenTab" name="children">
             <ChildrenPanel :account="account"/>
         </q-tab-panel>

From 556ef9dc388fd026070c9fd605eb81b35581c918 Mon Sep 17 00:00:00 2001
From: Don <don@caleos.io>
Date: Fri, 24 Nov 2023 15:12:50 -0600
Subject: [PATCH 02/13] refactor: convert bpvotes component to script setup
 format

---
 src/components/BpVotes.vue | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/components/BpVotes.vue b/src/components/BpVotes.vue
index d39395de..5c3b9cdd 100644
--- a/src/components/BpVotes.vue
+++ b/src/components/BpVotes.vue
@@ -1,27 +1,27 @@
-<script>
+<script setup lang="ts">
+import { ref, defineProps, onMounted } from 'vue';
 import { getHyperionAccountData } from 'src/api/hyperion';
 
-export default {
-    props: {
-        account: {
-            type: String,
-            required: true,
-        },
+const  props = defineProps({
+    account: {
+        type: String,
+        required: true,
     },
-    data() {
-        return {
-            bpVotes: [],
-        };
-    },
-    async mounted() {
+});
+
+const bpVotes = ref([]);
+onMounted(async () => {
+    try {
         const {
             account: {
                 voter_info: { producers },
             },
-        } = await getHyperionAccountData(this.account);
-        this.bpVotes = producers;
-    },
-};
+        } = await getHyperionAccountData(props.account);
+        bpVotes.value = producers;
+    } catch(e) {
+        console.error(e);
+    }
+});
 </script>
 
 <template>
@@ -68,7 +68,6 @@ export default {
     }
 
     .vote-fraction-wrap {
-        // color: var(--q-primary);
         display: flex;
         justify-content: center;
         align-items: center;

From 1b682e519f3121face02289c3298efa6d5ff004a Mon Sep 17 00:00:00 2001
From: Don <don@caleos.io>
Date: Fri, 24 Nov 2023 15:26:25 -0600
Subject: [PATCH 03/13] fix: change lifecycle hook for loading votes

---
 src/components/BpVotes.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/BpVotes.vue b/src/components/BpVotes.vue
index 5c3b9cdd..c45baf16 100644
--- a/src/components/BpVotes.vue
+++ b/src/components/BpVotes.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, defineProps, onMounted } from 'vue';
+import { ref, defineProps, onBeforeMount } from 'vue';
 import { getHyperionAccountData } from 'src/api/hyperion';
 
 const  props = defineProps({
@@ -10,7 +10,7 @@ const  props = defineProps({
 });
 
 const bpVotes = ref([]);
-onMounted(async () => {
+onBeforeMount(async () => {
     try {
         const {
             account: {

From 3ca2f0fdc4a8d87d493b7a8e78f3c1c4c9223306 Mon Sep 17 00:00:00 2001
From: donnyquixotic <don@caleos.io>
Date: Wed, 6 Dec 2023 18:54:05 -0600
Subject: [PATCH 04/13] fix: prepend eosio system accounts for search results

---
 src/components/HeaderSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index 7d886a6e..1db23b8c 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -50,7 +50,7 @@ export default defineComponent({
 
                 // because the get table by scope for userres does not include eosio system or null accounts
                 if (value.includes('eosio')) {
-                    accounts.push(...[{
+                    accounts.unshift(...[{
                         payer: 'eosio',
                     } as TableByScope, {
                         payer: 'eosio.null',

From d4537f4b85d025fc82d1aceb60d9b5e5d9831452 Mon Sep 17 00:00:00 2001
From: Karyne Mayer <karyne@detroitledger.tech>
Date: Tue, 12 Dec 2023 08:46:29 -0800
Subject: [PATCH 05/13] Updates eos mainnet and testnet endpoints

---
 src/config/chains/eos/index.ts    | 6 +++---
 src/config/chains/jungle/index.ts | 6 +++---
 src/config/chains/ux/index.ts     | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/config/chains/eos/index.ts b/src/config/chains/eos/index.ts
index 756ea229..5f708dde 100644
--- a/src/config/chains/eos/index.ts
+++ b/src/config/chains/eos/index.ts
@@ -19,10 +19,10 @@ const TOKEN = {
     amount: 0,
     contract: 'eosio.token',
 } as Token;
-const HYPERION_ENDPOINT = 'https://eos.hyperion.eosrio.io';
+const HYPERION_ENDPOINT = 'https://eos.eosusa.io';
 const RPC_ENDPOINT = {
     protocol: 'https',
-    host: 'eos.hyperion.eosrio.io',
+    host: 'eos.eosusa.io',
     port: 443,
 };
 const FUEL_RPC_ENDPOINT = {
@@ -30,7 +30,7 @@ const FUEL_RPC_ENDPOINT = {
     host: 'eos.greymass.com',
     port: 443,
 };
-const API_ENDPOINT = 'https://example.com';
+const API_ENDPOINT = 'https://eos.greymass.com';
 const S3_PRODUCER_BUCKET = 'https://telos-producer-validation.s3.amazonaws.com';
 const DISPLAY_MAP = false;
 const THEME = {
diff --git a/src/config/chains/jungle/index.ts b/src/config/chains/jungle/index.ts
index 375f9465..060134c0 100644
--- a/src/config/chains/jungle/index.ts
+++ b/src/config/chains/jungle/index.ts
@@ -34,14 +34,14 @@ const TOKEN = {
     amount: 0,
     contract: 'eosio.token',
 } as Token;
-const HYPERION_ENDPOINT = 'https://jungle4.cryptolions.io';
+const HYPERION_ENDPOINT = 'https://jungle.eosusa.io';
 const S3_PRODUCER_BUCKET = 'https://telos-producer-validation.s3.amazonaws.com';
 const RPC_ENDPOINT = {
     protocol: 'https',
-    host: 'jungle.eosusa.news',
+    host: 'jungle.eosusa.io',
     port: 443,
 };
-const API_ENDPOINT = 'https://jungle4.cryptolions.io';
+const API_ENDPOINT = 'https://jungle.eosusa.io';
 const DISPLAY_MAP = false;
 const THEME = {
     primary: '#28417c',
diff --git a/src/config/chains/ux/index.ts b/src/config/chains/ux/index.ts
index dc5ee878..1fe88b41 100644
--- a/src/config/chains/ux/index.ts
+++ b/src/config/chains/ux/index.ts
@@ -22,7 +22,7 @@ const RPC_ENDPOINT = {
     host: 'ux.eosusa.io',
     port: 443,
 };
-const API_ENDPOINT = 'https://example.com';
+const API_ENDPOINT = 'https://ux.eosusa.io';
 const S3_PRODUCER_BUCKET = 'https://telos-producer-validation.s3.amazonaws.com';
 const DISPLAY_MAP = false;
 const THEME = {};

From 86d6549fea38b66481e421494ed06f0ce6943389 Mon Sep 17 00:00:00 2001
From: Kylan Hurt <kylan.hurt@gmail.com>
Date: Tue, 5 Dec 2023 18:39:12 -0300
Subject: [PATCH 06/13] Debounce header search input

---
 src/components/HeaderSearch.vue | 10 ++++++++--
 src/utils/string-utils.ts       | 16 ++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index 1db23b8c..e518833e 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -5,6 +5,7 @@ import { OptionsObj, TableByScope } from 'src/types';
 import { api } from 'src/api';
 import { isValidTransactionHex } from 'src/utils/string-utils';
 import { useQuasar } from 'quasar';
+import { debounce } from 'src/utils/string-utils';
 
 export default defineComponent({
     name: 'HeaderSearch',
@@ -16,7 +17,8 @@ export default defineComponent({
         const options = ref<OptionsObj[]>([]);
         const isLoading = ref(false);
 
-        watch(inputValue, async () => {
+        const fetchData = async () => {
+            console.log('watching input value change');
             if (inputValue.value === '') {
                 options.value = [];
                 return;
@@ -34,7 +36,11 @@ export default defineComponent({
             });
 
             isLoading.value = false;
-        });
+        };
+
+        const onInput = debounce(fetchData, 400);
+
+        watch(inputValue, onInput);
 
         async function searchAccounts(value: string): Promise<OptionsObj[]> {
             try {
diff --git a/src/utils/string-utils.ts b/src/utils/string-utils.ts
index 1b8874e2..43324c5a 100644
--- a/src/utils/string-utils.ts
+++ b/src/utils/string-utils.ts
@@ -110,3 +110,19 @@ export function getRexHistoryAsset(data: RexHistory): string {
         return data.amount;
     }
 }
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const debounce = <T extends (...args: any[]) => ReturnType<T>>(
+    callback: T,
+    timeout: number,
+): ((...args: Parameters<T>) => void) => {
+    console.log('debouncing');
+    let timer: ReturnType<typeof setTimeout>;
+
+    return (...args: Parameters<T>) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            callback(...args);
+        }, timeout);
+    };
+};

From 9425d2d455ca84534665aa58cf3d2e15119ff433 Mon Sep 17 00:00:00 2001
From: Kylan Hurt <kylan.hurt@gmail.com>
Date: Tue, 5 Dec 2023 18:48:45 -0300
Subject: [PATCH 07/13] Rename sleep util file and move debounce into it

---
 src/components/HeaderSearch.vue |  2 +-
 src/pages/ProposalItem.vue      |  2 +-
 src/utils/sleep.ts              |  3 ---
 src/utils/string-utils.ts       | 16 ----------------
 src/utils/time.ts               | 19 +++++++++++++++++++
 5 files changed, 21 insertions(+), 21 deletions(-)
 delete mode 100644 src/utils/sleep.ts
 create mode 100644 src/utils/time.ts

diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index e518833e..74bd50e2 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -5,7 +5,7 @@ import { OptionsObj, TableByScope } from 'src/types';
 import { api } from 'src/api';
 import { isValidTransactionHex } from 'src/utils/string-utils';
 import { useQuasar } from 'quasar';
-import { debounce } from 'src/utils/string-utils';
+import { debounce } from 'src/utils/time';
 
 export default defineComponent({
     name: 'HeaderSearch',
diff --git a/src/pages/ProposalItem.vue b/src/pages/ProposalItem.vue
index 0098f7ae..77c4c59c 100644
--- a/src/pages/ProposalItem.vue
+++ b/src/pages/ProposalItem.vue
@@ -10,7 +10,7 @@ import sha256 from 'fast-sha256';
 import { ABI, ABIDef, Action, Serializer, Transaction } from '@greymass/eosio';
 import { useStore } from 'src/store';
 import { deserializeActionDataFromAbi } from 'src/api/eosio_core';
-import { sleep } from 'src/utils/sleep';
+import { sleep } from 'src/utils/time';
 
 export default defineComponent({
     name: 'ProposalItem',
diff --git a/src/utils/sleep.ts b/src/utils/sleep.ts
deleted file mode 100644
index ebca2ae9..00000000
--- a/src/utils/sleep.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export function sleep(timeout = 1000): Promise<void> {
-    return new Promise(r => setTimeout(r, timeout));
-}
diff --git a/src/utils/string-utils.ts b/src/utils/string-utils.ts
index 43324c5a..1b8874e2 100644
--- a/src/utils/string-utils.ts
+++ b/src/utils/string-utils.ts
@@ -110,19 +110,3 @@ export function getRexHistoryAsset(data: RexHistory): string {
         return data.amount;
     }
 }
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const debounce = <T extends (...args: any[]) => ReturnType<T>>(
-    callback: T,
-    timeout: number,
-): ((...args: Parameters<T>) => void) => {
-    console.log('debouncing');
-    let timer: ReturnType<typeof setTimeout>;
-
-    return (...args: Parameters<T>) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-            callback(...args);
-        }, timeout);
-    };
-};
diff --git a/src/utils/time.ts b/src/utils/time.ts
new file mode 100644
index 00000000..9da940df
--- /dev/null
+++ b/src/utils/time.ts
@@ -0,0 +1,19 @@
+export function sleep(timeout = 1000): Promise<void> {
+    return new Promise(r => setTimeout(r, timeout));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const debounce = <T extends (...args: any[]) => ReturnType<T>>(
+    callback: T,
+    timeout: number,
+): ((...args: Parameters<T>) => void) => {
+    console.log('debouncing');
+    let timer: ReturnType<typeof setTimeout>;
+
+    return (...args: Parameters<T>) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            callback(...args);
+        }, timeout);
+    };
+};

From 0d4175d60f4d42b41741eda72233dfce9ab79991 Mon Sep 17 00:00:00 2001
From: Kylan Hurt <kylan.hurt@gmail.com>
Date: Tue, 5 Dec 2023 18:52:51 -0300
Subject: [PATCH 08/13] Remove unnecessary console log

---
 src/components/HeaderSearch.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index 74bd50e2..350ec50a 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -18,7 +18,6 @@ export default defineComponent({
         const isLoading = ref(false);
 
         const fetchData = async () => {
-            console.log('watching input value change');
             if (inputValue.value === '') {
                 options.value = [];
                 return;

From 7e382092e22d4b54f20003f9c6718af944ce96fb Mon Sep 17 00:00:00 2001
From: Don <don@caleos.io>
Date: Tue, 12 Dec 2023 17:11:11 -0600
Subject: [PATCH 09/13] Update src/utils/time.ts

---
 src/utils/time.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/utils/time.ts b/src/utils/time.ts
index 9da940df..8abb8d6a 100644
--- a/src/utils/time.ts
+++ b/src/utils/time.ts
@@ -7,7 +7,6 @@ export const debounce = <T extends (...args: any[]) => ReturnType<T>>(
     callback: T,
     timeout: number,
 ): ((...args: Parameters<T>) => void) => {
-    console.log('debouncing');
     let timer: ReturnType<typeof setTimeout>;
 
     return (...args: Parameters<T>) => {

From 0f87815b667de79afe864590acbdebaa8fe3bc87 Mon Sep 17 00:00:00 2001
From: Don <don@caleos.io>
Date: Tue, 12 Dec 2023 17:11:32 -0600
Subject: [PATCH 10/13] Update src/components/HeaderSearch.vue

---
 src/components/HeaderSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index 350ec50a..7a2dcaa3 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -37,7 +37,7 @@ export default defineComponent({
             isLoading.value = false;
         };
 
-        const onInput = debounce(fetchData, 400);
+        const onInput = debounce(fetchData, 100);
 
         watch(inputValue, onInput);
 

From 270ce4b447d2b5e5fb8cc93171f5e3766c58babb Mon Sep 17 00:00:00 2001
From: donnyquixotic <don@caleos.io>
Date: Thu, 14 Dec 2023 13:16:57 -0600
Subject: [PATCH 11/13] fix: abs value of resource result, remove null account
 from appending search results

---
 src/components/AccountCard.vue           | 8 +++-----
 src/components/AccountSearch.vue         | 8 +++-----
 src/components/HeaderSearch.vue          | 8 +++-----
 src/components/ProposalAuthorization.vue | 2 +-
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/components/AccountCard.vue b/src/components/AccountCard.vue
index 4197d445..fcf2d72c 100644
--- a/src/components/AccountCard.vue
+++ b/src/components/AccountCard.vue
@@ -44,7 +44,6 @@ export default defineComponent({
         const createTransaction = ref<string>('');
         const creatingAccount = ref('');
         const system_account = ref('eosio');
-        const system_null = ref('eosio.null');
 
         const isLoading = ref<boolean>(true);
         const tokensLoading = ref<boolean>(true);
@@ -178,7 +177,7 @@ export default defineComponent({
 
         const loadResources = () => {
             let ramDenominator;
-            if (props.account !== system_account.value && props.account !== system_null.value) {
+            if (props.account !== system_account.value) {
                 // display max resource unit value for readability
                 const ramMaxNumber = Number(accountData.value.ram_quota);
                 const ramUnitResult = determineUnit(ramMaxNumber);
@@ -327,7 +326,7 @@ export default defineComponent({
             return total;
         };
 
-        const fixDec = (val: number): number => parseFloat(val.toFixed(3));
+        const fixDec = (val: number): number => Math.abs(parseFloat(val.toFixed(3)));
 
         const loadSystemToken = (): void => {
             if (token.value.symbol === '') {
@@ -445,7 +444,6 @@ export default defineComponent({
             rexDeposits,
             none,
             system_account,
-            system_null,
             radius,
             availableTokens,
             createTime,
@@ -519,7 +517,7 @@ export default defineComponent({
                 </div>
                 <q-space/>
             </div>
-            <div v-if="account !== system_account && account !== system_null" class="resources">
+            <div v-if="account !== system_account" class="resources">
                 <PercentCircle
                     v-if="!accountPageSettings.hideCpuInfo"
                     :radius="radius"
diff --git a/src/components/AccountSearch.vue b/src/components/AccountSearch.vue
index b1073040..d4b71ca5 100644
--- a/src/components/AccountSearch.vue
+++ b/src/components/AccountSearch.vue
@@ -90,13 +90,11 @@ export default defineComponent({
                 };
                 const accounts = await api.getTableByScope(request);
 
-                // because the get table by scope for userres does not include eosio system or null accounts
+                // get table by scope for userres does not include system account
                 if (value.includes('eosio')) {
-                    accounts.push(...[{
+                    accounts.unshift({
                         payer: 'eosio',
-                    } as TableByScope, {
-                        payer: 'eosio.null',
-                    } as TableByScope]);
+                    } as TableByScope);
                 }
 
                 if (accounts.length > 0) {
diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index 7a2dcaa3..b9641e5a 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -53,13 +53,11 @@ export default defineComponent({
                 };
                 const accounts = await api.getTableByScope(request);
 
-                // because the get table by scope for userres does not include eosio system or null accounts
+                // get table by scope for userres does not include system account
                 if (value.includes('eosio')) {
-                    accounts.unshift(...[{
+                    accounts.unshift({
                         payer: 'eosio',
-                    } as TableByScope, {
-                        payer: 'eosio.null',
-                    } as TableByScope]);
+                    } as TableByScope);
                 }
 
                 if (accounts.length > 0) {
diff --git a/src/components/ProposalAuthorization.vue b/src/components/ProposalAuthorization.vue
index ecf798b4..b8c00a91 100644
--- a/src/components/ProposalAuthorization.vue
+++ b/src/components/ProposalAuthorization.vue
@@ -103,7 +103,7 @@ export default defineComponent({
                 });
 
                 if (accounts.length > 0) {
-                    // because the get table by scope for userres does not include eosio account
+                    // get table by scope for userres does not include system account
                     if ('eosio'.includes(value)) {
                         actorsOptions.value.push('eosio');
                     }

From ca64058f71473fb8c315da5c9a5db8b1f15f7132 Mon Sep 17 00:00:00 2001
From: donnyquixotic <don@caleos.io>
Date: Thu, 14 Dec 2023 13:22:33 -0600
Subject: [PATCH 12/13] fix: abs val available resource

---
 src/components/PercentCircle.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PercentCircle.vue b/src/components/PercentCircle.vue
index 2c0be842..866c075b 100644
--- a/src/components/PercentCircle.vue
+++ b/src/components/PercentCircle.vue
@@ -44,7 +44,7 @@ export default defineComponent({
         const fractionUnits = computed(
             () => `${fraction.value}${unit.value}/${total.value}${unit.value}`,
         );
-        const available = computed(() => (total.value - fraction.value).toFixed(3));
+        const available = computed(() => Math.abs(total.value - fraction.value).toFixed(3));
         const dashArray = computed(() => {
             if (Number.isNaN(formatResourcePercent.value)) {
                 return '0';

From 020a0c49486b311b1cd3638cc66b89cde2b812d5 Mon Sep 17 00:00:00 2001
From: donnyquixotic <don@caleos.io>
Date: Thu, 14 Dec 2023 13:34:33 -0600
Subject: [PATCH 13/13] fix: adjust debounce for header

---
 src/components/HeaderSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index b9641e5a..c067ce47 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -37,7 +37,7 @@ export default defineComponent({
             isLoading.value = false;
         };
 
-        const onInput = debounce(fetchData, 100);
+        const onInput = debounce(fetchData, 200);
 
         watch(inputValue, onInput);