Allow disabling addresses in AddressList

nimiq · May 19, 2022 · 40c00f4 · 40c00f4
1 parent 3a4f6f1
commit 40c00f4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/AddressList.vue b/src/components/AddressList.vue
@@ -6,7 +6,8 @@
             :addressInfo="addressInfo"
             :class="{ 'active': activeAddress === addressInfo.address && activeCurrency === CryptoCurrency.NIM }"
             @click="selectAddress(addressInfo.address);"
-            :ref="`address-button-${addressInfo.address}`"/>
+            :ref="`address-button-${addressInfo.address}`"
+            :disabled="requiredBalance > (addressInfo.balance || 0)"/>
         <button
             v-if="showAddAddressButton"
             class="address-button add-address-button reset flex-row"
@@ -61,6 +62,10 @@ export default defineComponent({
             type: Boolean,
             default: false,
         },
+        requiredBalance: {
+            type: Number,
+            default: 0, // enables all addresses
+        },
     },
     setup(props, context) {
         const { addressInfos, activeAddress, selectAddress } = useAddressStore();

diff --git a/src/components/AddressListItem.vue b/src/components/AddressListItem.vue
@@ -74,6 +74,10 @@ export default defineComponent({
     align-items: center;
     padding: 2rem;
     border-radius: 0.75rem;
+
+    &:disabled {
+        opacity: 0.4;
+    }
 }
 
 .identicon,