From 275c29049e1a13982e643f201f45ca4e102ab3e0 Mon Sep 17 00:00:00 2001
From: Ysrbolles <ysrbolles@gmail.com>
Date: Thu, 19 Sep 2024 22:18:21 +0100
Subject: [PATCH 1/4] Refactor code to fetch imported multisig transactions

---
 src/App.vue                                |  1 +
 src/components/CamBadge.vue                |  6 +++
 src/components/wallet/manage/MyKeys.vue    | 25 ++++++++-
 src/store/modules/signavault/signavault.ts | 63 ++++++++++++++++++++++
 src/store/modules/signavault/types.ts      |  1 +
 5 files changed, 95 insertions(+), 1 deletion(-)
 create mode 100644 src/components/CamBadge.vue

diff --git a/src/App.vue b/src/App.vue
index 87f4c8d7c..df2faad92 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,6 +49,7 @@ export default {
     mounted() {
         let { updateSuiteStore } = this.globalHelper()
         updateSuiteStore(this.$store.state)
+        this.$store.dispatch('Signavault/getImportedMultiSigTransaction')
     },
     watch: {
         '$store.state.isAuth': [
diff --git a/src/components/CamBadge.vue b/src/components/CamBadge.vue
new file mode 100644
index 000000000..ae5a73dba
--- /dev/null
+++ b/src/components/CamBadge.vue
@@ -0,0 +1,6 @@
+<template>
+    <div class="badge">
+
+    </div>
+</template>
+
diff --git a/src/components/wallet/manage/MyKeys.vue b/src/components/wallet/manage/MyKeys.vue
index 5bc39f3ee..6ddf45cfe 100644
--- a/src/components/wallet/manage/MyKeys.vue
+++ b/src/components/wallet/manage/MyKeys.vue
@@ -73,8 +73,12 @@ export default class MyKeys extends Vue {
         return this.$store.getters['Accounts/account']
     }
 
+    get getPendingTransaction() {
+        return this.$store.getters['Signavault/importedTransactions']
+    }
+
     get inactiveWallets(): WalletType[] {
-        return this.wallets.filter((wallet) => wallet !== this.activeWallet)
+        return this.checkInactivePendingWallet()
     }
 
     get wallets(): WalletType[] {
@@ -182,6 +186,25 @@ export default class MyKeys extends Vue {
             }
         }, 200)
     }
+
+    checkInactivePendingWallet() {
+        const pendingTxs = this.getPendingTransaction
+        const wallets = this.wallets.filter((wallet) => wallet !== this.activeWallet)
+
+        wallets.forEach((wallet) => {
+            if (wallet.type === 'multisig') {
+                const matchingTx = pendingTxs.find(
+                    (tx) => tx.tx.alias === wallet.getStaticAddress('P')
+                )
+
+                if (matchingTx) {
+                    Object.assign(wallet, { pendingTx: matchingTx })
+                }
+            }
+        })
+
+        return wallets
+    }
 }
 </script>
 
diff --git a/src/store/modules/signavault/signavault.ts b/src/store/modules/signavault/signavault.ts
index 62e1eed35..f9d7210a9 100644
--- a/src/store/modules/signavault/signavault.ts
+++ b/src/store/modules/signavault/signavault.ts
@@ -8,6 +8,7 @@ const signavault_module: Module<SignavaultState, RootState> = {
     namespaced: true,
     state: {
         transactions: [],
+        importedTransactions: [],
     },
     getters: {
         transactions(state) {
@@ -16,6 +17,10 @@ const signavault_module: Module<SignavaultState, RootState> = {
         transaction: (state) => (txID: string) => {
             return state.transactions.find((t) => t.tx.id === txID)
         },
+
+        importedTransactions(state) {
+            return state.importedTransactions
+        },
     },
     mutations: {
         clear(state) {
@@ -24,6 +29,13 @@ const signavault_module: Module<SignavaultState, RootState> = {
         setTx(state, newTx: MultisigTx[]) {
             state.transactions = newTx
         },
+
+        setImportedTx(state, newTx: MultisigTx[]) {
+            state.importedTransactions = newTx
+        },
+        clearImported(state) {
+            state.importedTransactions = []
+        },
     },
     actions: {
         async updateTransaction({ commit, rootState, rootGetters }) {
@@ -58,6 +70,57 @@ const signavault_module: Module<SignavaultState, RootState> = {
                 return commit('clear')
             }
         },
+
+        async getImportedMultiSigTransaction({ commit, rootState, rootGetters }) {
+            try {
+                const network = rootGetters['Network/selectedNetwork']
+                if (!network) {
+                    commit('clearImported')
+                    return
+                }
+
+                const multisigWallets = rootState.wallets.filter(
+                    (wallet) => wallet.type === 'multisig'
+                )
+
+                const allTxPromises = multisigWallets.map(async (wallet) => {
+                    if (!(wallet instanceof MultisigWallet)) {
+                        commit('clearImported')
+                        return
+                    }
+
+                    const staticAddress = wallet.getStaticAddress('P')
+                    const signingKeyPair = wallet.wallets[0]?.getStaticKeyPair()
+
+                    if (!signingKeyPair) {
+                        console.log('wallet returned undefined staticKeyPair')
+                        commit('clearImported')
+                        return
+                    }
+
+                    return await SignaVaultTx(staticAddress, signingKeyPair) // Get transactions for each wallet
+                })
+
+                const allTxResults = (await Promise.all(allTxPromises)).flat()
+
+                const multisigTxs = allTxResults
+                    .map((mms, index) => {
+                        const wallet = multisigWallets[index]
+                        if (!mms || !(wallet instanceof MultisigWallet)) return []
+
+                        return {
+                            tx: mms,
+                            state: wallet.getSignatureStatus(mms),
+                        }
+                    })
+                    .filter((tx: any) => tx.length !== 0) // Filter out empty results
+
+                commit('setImportedTx', multisigTxs.flat())
+            } catch (e: any) {
+                console.error('Error fetching transactions:', e)
+                commit('clearImported')
+            }
+        },
     },
 }
 
diff --git a/src/store/modules/signavault/types.ts b/src/store/modules/signavault/types.ts
index 28a214505..6c1fc74cb 100644
--- a/src/store/modules/signavault/types.ts
+++ b/src/store/modules/signavault/types.ts
@@ -2,6 +2,7 @@ import { ModelMultisigTx } from '@/signavault_api'
 
 export interface SignavaultState {
     transactions: MultisigTx[]
+    importedTransactions: MultisigTx[]
 }
 
 export interface MultisigTx {

From 6ab5c82f0d0bc5b83542c17c9940b0c91bb6f7b6 Mon Sep 17 00:00:00 2001
From: Ysrbolles <ysrbolles@gmail.com>
Date: Sun, 22 Sep 2024 22:25:10 +0100
Subject: [PATCH 2/4] Refactor CamBadge component and add pending transaction
 badge to KeyRow component

---
 src/components/CamBadge.vue             | 111 +++++++++++++++++++++++-
 src/components/wallet/manage/KeyRow.vue |  23 ++++-
 src/components/wallet/manage/MyKeys.vue |  32 ++++---
 src/js/wallets/WalletCore.ts            |   1 +
 4 files changed, 150 insertions(+), 17 deletions(-)

diff --git a/src/components/CamBadge.vue b/src/components/CamBadge.vue
index ae5a73dba..63afcbcd8 100644
--- a/src/components/CamBadge.vue
+++ b/src/components/CamBadge.vue
@@ -1,6 +1,113 @@
 <template>
-    <div class="badge">
-
+    <div :class="badgeClass" :style="style">
+        <label :class="size">{{ label }}</label>
     </div>
 </template>
 
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator'
+import { CSSProperties } from 'vue'
+
+enum BadgeVariant {
+    Default = 'default',
+    Primary = 'primary',
+    Positive = 'positive',
+    Warning = 'warning',
+    Negative = 'negative',
+    Verified = 'verified',
+}
+
+@Component
+export default class CamBadge extends Vue {
+    @Prop({ default: 'default' }) readonly variant?: BadgeVariant
+    @Prop() label!: string
+    @Prop({ default: 'medium' }) size?: 'small' | 'medium'
+    @Prop() style?: CSSProperties
+
+    get badgeClass() {
+        return `camino__badge camino__${this.variant}--badge`
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.camino__badge {
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    padding: 1px 8px;
+    border-radius: 4px;
+}
+.camino__default--badge {
+    background: var(--tailwind-slate-slate-800);
+    color: var(--tailwind-slate-slate-300);
+}
+
+.camino__primary--badge {
+    background: rgba(0, 133, 255, 0.2);
+    color: var(--camino-brand-too-blue-to-be-true);
+}
+
+.camino__positive--badge {
+    background: rgba(9, 222, 107, 0.2);
+    color: var(--camino-success-light);
+}
+
+.camino__warning--badge {
+    background: rgba(229, 162, 31, 0.2);
+    color: var(--camino-warning-light);
+}
+
+.camino__negative--badge {
+    background: rgba(229, 67, 31, 0.2);
+    color: var(--camino-error-light);
+}
+
+.camino__verified--badge {
+    background: var(--camino-aphrodite-aqua);
+    color: var(--tailwind-slate-slate-800);
+}
+
+.small,
+.medium {
+    font-family: Inter;
+    font-weight: 600;
+    line-height: 16px;
+    letter-spacing: 1.6px;
+    text-align: center;
+    text-transform: uppercase;
+}
+
+.small {
+    font-size: 10px;
+    line-height: 16px;
+}
+
+.medium {
+    font-size: 12px;
+    line-height: 18px;
+}
+
+[data-theme='light'] {
+    .camino__primary--badge {
+        background: #0085ff33;
+    }
+
+    .camino__positive--badge {
+        background: var(--camino-success-light);
+        color: #ffff;
+    }
+
+    .camino__warning--badge {
+        background: var(--camino-warning-light);
+        color: #ffff;
+    }
+
+    .camino__negative--badge {
+        background: var(--camino-error-light);
+        color: #ffff;
+    }
+
+   
+}
+</style>
diff --git a/src/components/wallet/manage/KeyRow.vue b/src/components/wallet/manage/KeyRow.vue
index 6c8b5c451..be36763da 100644
--- a/src/components/wallet/manage/KeyRow.vue
+++ b/src/components/wallet/manage/KeyRow.vue
@@ -93,6 +93,11 @@
                             >
                                 {{ $t('keys.view_priv_key') }}
                             </button>
+                            <CamBadge
+                                v-if="walletType === 'multisig' && hasPending()"
+                                label="pending tx"
+                                variant="warning"
+                            />
                             <button
                                 v-if="walletType === 'multisig'"
                                 @click="showMultisigOwnerModal"
@@ -141,7 +146,7 @@
 </template>
 <script lang="ts">
 import 'reflect-metadata'
-import { Component, Prop, Vue } from 'vue-property-decorator'
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator'
 
 import Spinner from '@/components/misc/Spinner.vue'
 import Tooltip from '@/components/misc/Tooltip.vue'
@@ -157,6 +162,7 @@ import { MultisigWallet } from '@/js/wallets/MultisigWallet'
 import { SingletonWallet } from '@/js/wallets/SingletonWallet'
 import { WalletNameType, WalletType } from '@/js/wallets/types'
 import { privateToPublic } from '@ethereumjs/util'
+import CamBadge from '@/components/CamBadge.vue'
 
 @Component({
     components: {
@@ -167,6 +173,7 @@ import { privateToPublic } from '@ethereumjs/util'
         Tooltip,
         ExportKeys,
         PrivateKey,
+        CamBadge,
     },
 })
 export default class KeyRow extends Vue {
@@ -186,6 +193,14 @@ export default class KeyRow extends Vue {
         editNameInput: HTMLInputElement
     }
 
+    @Watch('walletName')
+    
+
+    checkAdr() {
+        console.log("--------->", this.$store.getters['Signavault/transactions']);
+    }
+
+
     get allMultisigWalletsOwners() {
         return this.$store.state.wallets
             .filter((wallet: WalletType) => wallet.type === 'multisig')
@@ -213,6 +228,11 @@ export default class KeyRow extends Vue {
         return ['mnemonic', 'ledger'].includes(this.walletType)
     }
 
+    hasPending(): boolean {
+        if (this.wallet.pendingTx) return true
+        return false
+    }
+
     get mnemonicPhrase(): MnemonicPhrase | null {
         if (this.walletType !== 'mnemonic') return null
         let wallet = this.wallet as MnemonicWallet
@@ -278,6 +298,7 @@ export default class KeyRow extends Vue {
     get wallets(): WalletType[] {
         return this.$store.state.wallets
     }
+
     canRemove(): boolean {
         if (this.wallet instanceof MultisigWallet) return true
         else {
diff --git a/src/components/wallet/manage/MyKeys.vue b/src/components/wallet/manage/MyKeys.vue
index 6ddf45cfe..e2178562d 100644
--- a/src/components/wallet/manage/MyKeys.vue
+++ b/src/components/wallet/manage/MyKeys.vue
@@ -188,23 +188,27 @@ export default class MyKeys extends Vue {
     }
 
     checkInactivePendingWallet() {
-        const pendingTxs = this.getPendingTransaction
-        const wallets = this.wallets.filter((wallet) => wallet !== this.activeWallet)
+    const pendingTxs = this.getPendingTransaction;
+    const wallets = this.wallets.filter(wallet => wallet !== this.activeWallet);
+
+    const assignPendingTx = (wallet: WalletType) => {
+        if (wallet.type === 'multisig') {
+            const matchingTx = pendingTxs.find(tx => tx.tx.alias === wallet.getStaticAddress('P'));
+            if (matchingTx) {
+                Object.assign(wallet, { pendingTx: matchingTx });
+            }
+        }
+    };
 
-        wallets.forEach((wallet) => {
-            if (wallet.type === 'multisig') {
-                const matchingTx = pendingTxs.find(
-                    (tx) => tx.tx.alias === wallet.getStaticAddress('P')
-                )
+    // Check active wallet
+    assignPendingTx(this.activeWallet);
 
-                if (matchingTx) {
-                    Object.assign(wallet, { pendingTx: matchingTx })
-                }
-            }
-        })
+    // Check inactive wallets
+    wallets.forEach(assignPendingTx);
+
+    return wallets;
+}
 
-        return wallets
-    }
 }
 </script>
 
diff --git a/src/js/wallets/WalletCore.ts b/src/js/wallets/WalletCore.ts
index c3bfe58b4..f4c9222c5 100644
--- a/src/js/wallets/WalletCore.ts
+++ b/src/js/wallets/WalletCore.ts
@@ -35,6 +35,7 @@ abstract class WalletCore {
     name: string = ''
     type?: WalletNameType
     accountHash?: Buffer
+    pendingTx?: Object | undefined
 
     utxoset: AVMUTXOSet
     platformUtxoset: PlatformUTXOSet

From 00086c6b264dd07c1ee9387000df460094898445 Mon Sep 17 00:00:00 2001
From: Ysrbolles <ysrbolles@gmail.com>
Date: Wed, 25 Sep 2024 00:50:58 +0100
Subject: [PATCH 3/4] Refactor code to update imported multisig transactions

---
 src/App.vue                                   | 13 +++++-
 src/bootloader.ts                             |  2 +-
 src/components/CamBadge.vue                   |  9 +++--
 src/components/wallet/manage/KeyRow.vue       |  8 ----
 src/components/wallet/manage/MyKeys.vue       | 40 ++++++++++---------
 .../wallet/manage/mountKyesComponent.ts       |  2 +-
 .../wallet/sidebar/mountAccountMenu.ts        |  2 +-
 src/store/modules/signavault/signavault.ts    | 11 ++---
 8 files changed, 45 insertions(+), 42 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index df2faad92..892af3771 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,8 +49,9 @@ export default {
     mounted() {
         let { updateSuiteStore } = this.globalHelper()
         updateSuiteStore(this.$store.state)
-        this.$store.dispatch('Signavault/getImportedMultiSigTransaction')
+        this.$store.dispatch('Signavault/updateImportedMultiSigTransaction')
     },
+
     watch: {
         '$store.state.isAuth': [
             {
@@ -59,6 +60,13 @@ export default {
                 deep: false,
             },
         ],
+        '$store.state.Signavault.importedTransactions': [
+            {
+                handler: 'updatePendingTX',
+                immediate: false,
+                deep: false,
+            },
+        ],
     },
     methods: {
         onAuthChanged(val, _) {
@@ -68,6 +76,9 @@ export default {
                 this.$router.push('/login')
             }
         },
+        updatePendingTX() {
+            this.globalHelper()?.updateStore('updatePendingTxState', true)
+        },
     },
     metaInfo: {
         meta: [
diff --git a/src/bootloader.ts b/src/bootloader.ts
index 6646a51aa..f6146bef4 100644
--- a/src/bootloader.ts
+++ b/src/bootloader.ts
@@ -26,7 +26,7 @@ export const mount = (el: string, appSuiteStore: any) => {
         install(Vue) {
             Vue.prototype.globalHelper = () => {
                 return {
-                    updateStore: (params) => appSuiteStore.updateStore(params),
+                    updateStore: (type, params) => appSuiteStore.updateStore(type, params),
                     updateSuiteStore: (s) => setUpdateStore(s),
                     updateShowAlias: () => updateShowAlias(),
                     logout: () => setLogOut(true),
diff --git a/src/components/CamBadge.vue b/src/components/CamBadge.vue
index 63afcbcd8..3835cbb42 100644
--- a/src/components/CamBadge.vue
+++ b/src/components/CamBadge.vue
@@ -71,21 +71,22 @@ export default class CamBadge extends Vue {
 .small,
 .medium {
     font-family: Inter;
-    font-weight: 600;
-    line-height: 16px;
     letter-spacing: 1.6px;
     text-align: center;
     text-transform: uppercase;
+    font-weight: 600;
+    line-height: 18px;
+    font-variant-numeric: lining-nums tabular-nums slashed-zero;
+    font-feature-settings: "ss01" on;
+    font-size: 10px;
 }
 
 .small {
     font-size: 10px;
-    line-height: 16px;
 }
 
 .medium {
     font-size: 12px;
-    line-height: 18px;
 }
 
 [data-theme='light'] {
diff --git a/src/components/wallet/manage/KeyRow.vue b/src/components/wallet/manage/KeyRow.vue
index be36763da..be15514be 100644
--- a/src/components/wallet/manage/KeyRow.vue
+++ b/src/components/wallet/manage/KeyRow.vue
@@ -193,14 +193,6 @@ export default class KeyRow extends Vue {
         editNameInput: HTMLInputElement
     }
 
-    @Watch('walletName')
-    
-
-    checkAdr() {
-        console.log("--------->", this.$store.getters['Signavault/transactions']);
-    }
-
-
     get allMultisigWalletsOwners() {
         return this.$store.state.wallets
             .filter((wallet: WalletType) => wallet.type === 'multisig')
diff --git a/src/components/wallet/manage/MyKeys.vue b/src/components/wallet/manage/MyKeys.vue
index e2178562d..cbea2a720 100644
--- a/src/components/wallet/manage/MyKeys.vue
+++ b/src/components/wallet/manage/MyKeys.vue
@@ -158,17 +158,17 @@ export default class MyKeys extends Vue {
     addAlias() {
         this.isLoading = true
         this.error = ''
-
         setTimeout(async () => {
             try {
                 const multisigAliases = this.multiSigAliases.map((alias) => 'P-' + alias)
                 const multisigWallets = await this.$store.dispatch('addWalletsMultisig', {
                     keys: multisigAliases,
                 })
-
+                await this.$store.dispatch('Signavault/updateImportedMultiSigTransaction')
                 if (!multisigWallets || multisigWallets.length === 0) {
                     this.error = 'No address intersection with signing wallets found!'
                 } else {
+                    this.globalHelper().updateStore('updatePendingTxState', true)
                     this.globalHelper().dispatchNotification({
                         message: `Added ${multisigWallets.length} multisig ${multisigWallets.length > 1 ? 'wallets' : 'wallet'} from ${multisigAliases.length} multisig ${multisigAliases.length > 1 ? 'aliases' : 'alias'}`,
                         type: 'success',
@@ -188,27 +188,29 @@ export default class MyKeys extends Vue {
     }
 
     checkInactivePendingWallet() {
-    const pendingTxs = this.getPendingTransaction;
-    const wallets = this.wallets.filter(wallet => wallet !== this.activeWallet);
-
-    const assignPendingTx = (wallet: WalletType) => {
-        if (wallet.type === 'multisig') {
-            const matchingTx = pendingTxs.find(tx => tx.tx.alias === wallet.getStaticAddress('P'));
-            if (matchingTx) {
-                Object.assign(wallet, { pendingTx: matchingTx });
+        const pendingTxs = this.getPendingTransaction
+        const wallets = this.wallets.filter((wallet) => wallet !== this.activeWallet)
+
+        const assignPendingTx = (wallet: WalletType) => {
+            if (wallet.type === 'multisig') {
+                delete wallet.pendingTx
+                const matchingTx = pendingTxs.find(
+                    (tx) => tx.tx.alias === wallet.getStaticAddress('P')
+                )
+                if (matchingTx) {
+                    Object.assign(wallet, { pendingTx: matchingTx })
+                }
             }
         }
-    };
-
-    // Check active wallet
-    assignPendingTx(this.activeWallet);
 
-    // Check inactive wallets
-    wallets.forEach(assignPendingTx);
-
-    return wallets;
-}
+        // Check active wallet
+        assignPendingTx(this.activeWallet)
 
+        // Check inactive wallets
+        wallets.forEach(assignPendingTx)
+        
+        return wallets
+    }
 }
 </script>
 
diff --git a/src/components/wallet/manage/mountKyesComponent.ts b/src/components/wallet/manage/mountKyesComponent.ts
index db5225d04..12c94be70 100644
--- a/src/components/wallet/manage/mountKyesComponent.ts
+++ b/src/components/wallet/manage/mountKyesComponent.ts
@@ -21,7 +21,7 @@ export const mountKyesComponent = (el: string, props: any) => {
                 return {
                     dispatchNotification: (params) => dispatchNotification(params),
                     dispatchSetNewName: () => dispatchSetNewName(),
-                    updateStore: (params) => props.updateStore(params),
+                    updateStore: (type, params) => props.updateStore(type, params),
                     setAccount: (params) => setAccount(params),
                 }
             }
diff --git a/src/components/wallet/sidebar/mountAccountMenu.ts b/src/components/wallet/sidebar/mountAccountMenu.ts
index 5ef2970bb..358002a9f 100644
--- a/src/components/wallet/sidebar/mountAccountMenu.ts
+++ b/src/components/wallet/sidebar/mountAccountMenu.ts
@@ -42,7 +42,7 @@ export const mountAccountMenu = (el: string, props: any) => {
                     setAccount: (acc) => setAccount(acc),
                     dispatchNotification: (params) => dispatchNotification(params),
                     dispatchSetNewName: () => dispatchSetNewName(),
-                    updateStore: (params) => props.updateStore(params),
+                    updateStore: (type, params) => props.updateStore(type, params),
                 }
             }
         },
diff --git a/src/store/modules/signavault/signavault.ts b/src/store/modules/signavault/signavault.ts
index f9d7210a9..dbeb2c5ec 100644
--- a/src/store/modules/signavault/signavault.ts
+++ b/src/store/modules/signavault/signavault.ts
@@ -38,7 +38,7 @@ const signavault_module: Module<SignavaultState, RootState> = {
         },
     },
     actions: {
-        async updateTransaction({ commit, rootState, rootGetters }) {
+        async updateTransaction({ commit, dispatch, rootState, rootGetters }) {
             const wallet = rootState.activeWallet
             if (!wallet || !(wallet instanceof MultisigWallet)) return commit('clear')
 
@@ -66,18 +66,15 @@ const signavault_module: Module<SignavaultState, RootState> = {
                         })
                     )
                 )
+                await dispatch('updateImportedMultiSigTransaction')
             } catch (e: any) {
                 return commit('clear')
             }
         },
-
-        async getImportedMultiSigTransaction({ commit, rootState, rootGetters }) {
+        async updateImportedMultiSigTransaction({ commit, rootState, rootGetters }) {
             try {
                 const network = rootGetters['Network/selectedNetwork']
-                if (!network) {
-                    commit('clearImported')
-                    return
-                }
+                if (!network) return commit('clearImported')
 
                 const multisigWallets = rootState.wallets.filter(
                     (wallet) => wallet.type === 'multisig'

From 777d0233d687cbbcbdd43690680b4dfd4a115675 Mon Sep 17 00:00:00 2001
From: Ysrbolles <ysrbolles@gmail.com>
Date: Thu, 26 Sep 2024 15:56:32 +0100
Subject: [PATCH 4/4] Refactor CamBadge component and remove unnecessary code

---
 src/components/CamBadge.vue             | 4 +---
 src/components/wallet/manage/MyKeys.vue | 1 -
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/CamBadge.vue b/src/components/CamBadge.vue
index 3835cbb42..67edacf2b 100644
--- a/src/components/CamBadge.vue
+++ b/src/components/CamBadge.vue
@@ -77,7 +77,7 @@ export default class CamBadge extends Vue {
     font-weight: 600;
     line-height: 18px;
     font-variant-numeric: lining-nums tabular-nums slashed-zero;
-    font-feature-settings: "ss01" on;
+    font-feature-settings: 'ss01' on;
     font-size: 10px;
 }
 
@@ -108,7 +108,5 @@ export default class CamBadge extends Vue {
         background: var(--camino-error-light);
         color: #ffff;
     }
-
-   
 }
 </style>
diff --git a/src/components/wallet/manage/MyKeys.vue b/src/components/wallet/manage/MyKeys.vue
index cbea2a720..8ea01a6b2 100644
--- a/src/components/wallet/manage/MyKeys.vue
+++ b/src/components/wallet/manage/MyKeys.vue
@@ -208,7 +208,6 @@ export default class MyKeys extends Vue {
 
         // Check inactive wallets
         wallets.forEach(assignPendingTx)
-        
         return wallets
     }
 }