Remove Jdenticon (#380)

package.json

@@ -85,7 +85,6 @@
         "hdkey": "^2.0.1",
         "idb": "^7.1.1",
         "ip-address": "^8.1.0",
-        "jdenticon": "^3.2.0",
         "jquery": "^3.6.3",
         "pinia": "^2.1.7",
         "pivx-promos": "^0.2.0",

scripts/dashboard/Dashboard.vue

@@ -56,7 +56,6 @@ const { advancedMode, displayDecimals, autoLockWallet } = useSettings();
 const showExportModal = ref(false);
 const showEncryptModal = ref(false);
 const keyToBackup = ref('');
-const jdenticonValue = ref('');
 const transferAddress = ref('');
 const transferDescription = ref('');
 const transferAmount = ref('');
@@ -111,7 +110,6 @@ async function importWallet({ type, secret, password = '' }) {
     if (parsedSecret) {
         await wallet.setMasterKey({ mk: parsedSecret.masterKey });
         wallet.setShield(parsedSecret.shield);
-        jdenticonValue.value = wallet.getAddress();
 
         if (needsToEncrypt.value) showEncryptModal.value = true;
 
@@ -874,7 +872,6 @@ defineExpose({
                         :shieldBalance="shieldBalance"
                         :pendingShieldBalance="pendingShieldBalance"
                         :immatureBalance="immatureBalance"
-                        :jdenticonValue="jdenticonValue"
                         :isHdWallet="wallet.isHD"
                         :isViewOnly="wallet.isViewOnly"
                         :isEncrypted="wallet.isEncrypted"

scripts/dashboard/WalletBalance.vue

@@ -4,7 +4,6 @@ import { tr, translation } from '../i18n';
 import { ref, computed, toRefs, onMounted, watch } from 'vue';
 import { beautifyNumber } from '../misc';
 import { getEventEmitter } from '../event_bus';
-import * as jdenticon from 'jdenticon';
 import { optimiseCurrencyLocale, openExplorer } from '../global';
 import { renderWalletBreakdown } from '../charting.js';
 import {
@@ -28,7 +27,6 @@ import pShieldCheck from '../../assets/icons/icon-shield-check.svg';
 import pRefresh from '../../assets/icons/icon-refresh.svg';
 
 const props = defineProps({
-    jdenticonValue: String,
     balance: Number,
     shieldBalance: Number,
     pendingShieldBalance: Number,
@@ -46,7 +44,6 @@ const props = defineProps({
     publicMode: Boolean,
 });
 const {
-    jdenticonValue,
     balance,
     shieldBalance,
     pendingShieldBalance,

scripts/dashboard/WalletButtons.vue

@@ -1,6 +1,4 @@
 <script setup>
-import { toRefs, onMounted, watch } from 'vue';
-import * as jdenticon from 'jdenticon';
 import { renderWalletBreakdown } from '../charting.js';
 import { openExplorer } from '../global';
 import { guiRenderContacts } from '../contacts-book';
@@ -12,24 +10,6 @@ import pGift from '../../assets/icons/icon-gift.svg';
 import { useWallet } from '../composables/use_wallet.js';
 
 const wallet = useWallet();
-
-const props = defineProps({
-    jdenticonValue: String,
-});
-const { jdenticonValue } = toRefs(props);
-
-onMounted(() => {
-    jdenticon.configure();
-    watch(
-        jdenticonValue,
-        () => {
-            jdenticon.update('#identicon', jdenticonValue.value);
-        },
-        {
-            immediate: true,
-        }
-    );
-});
 </script>
 
 <template>