Fix account format

src/config/networks.ts

@@ -61,7 +61,7 @@ export const NetworkList: Networks = {
     },
     unit: 'VARA',
     units: 12,
-    ss58: 0, // active account is not getting connected with a custom value
+    ss58: 137, // active account should be formatted manually on initial connect
     brand: {
       icon: VaraIconSVG,
       token: VaraTokenSVG,

src/contexts/ActiveAccounts/index.tsx

@@ -4,7 +4,9 @@
 import type { ReactNode } from 'react';
 import { createContext, useContext, useRef, useState } from 'react';
 import type { MaybeAddress } from 'types';
+import Keyring from '@polkadot/keyring';
 import { setStateWithRef } from '@w3ux/utils';
+import { NetworkList } from 'config/networks';
 import { useNetwork } from 'contexts/Network';
 import type { ActiveAccountsContextInterface, ActiveProxy } from './types';
 import { defaultActiveAccountsContext } from './defaults';
@@ -44,20 +46,32 @@ export const ActiveAccountsProvider = ({
     setStateWithRef(newActiveProxy, setActiveProxyState, activeProxyRef);
   };
 
+  const getVaraAddress = (value: string) => {
+    const keyring = new Keyring();
+
+    keyring.setSS58Format(NetworkList.vara.ss58);
+
+    return keyring.addFromAddress(value).address;
+  };
+
   // Setter for the active account.
   const setActiveAccount = (
     newActiveAccount: MaybeAddress,
     updateLocalStorage = true
   ) => {
+    const account = newActiveAccount
+      ? getVaraAddress(newActiveAccount)
+      : newActiveAccount;
+
     if (updateLocalStorage) {
-      if (newActiveAccount === null) {
+      if (account === null) {
         localStorage.removeItem(`${network}_active_account`);
       } else {
-        localStorage.setItem(`${network}_active_account`, newActiveAccount);
+        localStorage.setItem(`${network}_active_account`, account);
       }
     }
 
-    setStateWithRef(newActiveAccount, setActiveAccountState, activeAccountRef);
+    setStateWithRef(account, setActiveAccountState, activeAccountRef);
   };
 
   // Getter for the active account.

src/contexts/Api/defaults.ts

@@ -19,7 +19,7 @@ export const defaultChainState: APIChainState = {
   version: {
     specVersion: 0,
   },
-  ss58Prefix: 0,
+  ss58Prefix: 137,
 };
 
 export const defaultConsts: APIConstants = {