update m issues + e frontend improvements

src/components/ConnectWallet.vue

@@ -11,22 +11,19 @@
 				>
 					<div class="connector-icon">
 						<template v-if="connector.id === 'injected'">
-							<font-awesome-icon :icon="['fas', 'wallet']" />
+							<template v-if="connector.name === 'MetaMask'">
+								<img :src="`/assets/img/connectors/metaMask.svg`" :alt="`${connector.name} Logo`" />
+							</template>
+							<template v-else>
+								<font-awesome-icon :icon="['fas', 'wallet']" />
+							</template>
 						</template>
 						<template v-else>
 							<img :src="`/assets/img/connectors/${connector.id}.svg`" :alt="`${connector.name} Logo`" />
 						</template>
 					</div>
 					<div class="connector-name">
-						<template
-							v-if="
-								connector.id !== 'metaMask' ||
-								(connector.id === 'metaMask' && isMetaMaskInstalled(connector))
-							"
-						>
-							{{ connector.name }}
-						</template>
-						<template v-else> Install {{ connector.name }} </template>
+						{{ connector.name }}
 					</div>
 				</div>
 			</div>
@@ -52,10 +49,7 @@
 					<token-name-price
 						:name="tokenStore.getToken(token.contractAddress).name"
 						:price="
-							formatBigIntDivision(
-								token.balanceOf,
-								10n ** tokenStore.getToken(token.contractAddress).decimals
-							)
+							formatNumber(token.balanceOf, 10n ** tokenStore.getToken(token.contractAddress).decimals)
 						"
 					></token-name-price>
 					<div class="connected-token-button">
@@ -85,7 +79,7 @@ import TokenNamePrice from "./TokenNamePrice.vue";
 import TokenLogo from "./TokenLogo.vue";
 import StakeComponentV1 from "@/components/StakeComponentV1.vue";
 
-import { getAddressShortName, getblocky, formatBigIntDivision } from "@/helper/helper.js";
+import { getAddressShortName, getblocky, formatNumber } from "@/helper/helper.js";
 import { useRoute, useRouter } from "vue-router";
 
 import { disconnect } from "@wagmi/core";
@@ -136,10 +130,7 @@ function badgeClick(token) {
 
 //special case for metaMask, but I think that is the most used wallet
 async function connectWallet(connector) {
-	if (connector.id === "metaMask" && !isMetaMaskInstalled(connector)) {
-		window.open(" https://metamask.io/", "_blank");
-		return;
-	}
+	console.log("connector", connector);
 	instance.parent.emit("update:modelValue", false);
 	await walletStore.connectWallet(toRaw(connector));
 }