chore(refactor): 0.1.32 @polkadot-cloud/assets support

package.json

@@ -25,7 +25,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@ledgerhq/hw-transport-webhid": "^6.27.19",
-    "@polkadot-cloud/assets": "^0.1.28",
+    "@polkadot-cloud/assets": "^0.1.32",
     "@polkadot-cloud/core": "^1.0.29",
     "@polkadot-cloud/react": "^0.1.99",
     "@polkadot-cloud/utils": "^0.0.23",

src/modals/Connect/Extension.tsx

@@ -62,6 +62,8 @@ export const Extension = ({ meta, size, flag }: ExtensionProps) => {
       );
   }
 
+  const shortUrl = Array.isArray(website) ? website[0] : website;
+  const longUrl = Array.isArray(website) ? website[1] : website;
   const disabled = extensionsStatus[id] === 'connected' || !isInstalled;
 
   return (
@@ -93,11 +95,11 @@ export const Extension = ({ meta, size, flag }: ExtensionProps) => {
           <div className="foot">
             <a
               className="link"
-              href={`https://${website}`}
+              href={`https://${longUrl}`}
               target="_blank"
               rel="noreferrer"
             >
-              {website}
+              {shortUrl}
               <FontAwesomeIcon icon={faExternalLinkAlt} transform="shrink-6" />
             </a>
           </div>

src/modals/Connect/types.ts

@@ -14,7 +14,7 @@ export interface ExtensionMetaProps {
   id: string;
   title: string;
   status?: string;
-  website: string;
+  website: string | [string, string];
 }
 
 export interface ListWithInputProps {

src/types/index.ts

@@ -6,6 +6,12 @@ import type { FunctionComponent, SVGProps } from 'react';
 import type { Theme } from 'contexts/Themes/types';
 import type { ExtensionInjected } from '@polkadot-cloud/react/types';
 
+declare global {
+  interface Window {
+    injectedWeb3?: Record<string, ExtensionInjected>;
+  }
+}
+
 declare global {
   interface Window {
     injectedWeb3?: Record<string, ExtensionInjected>;