feat: add new myriad paseo logo

src/components/ExclusiveContentCreate/CurrencyOption.tsx

@@ -47,6 +47,7 @@ export const CurrencyOption: React.FC<CurrencyOptionProps> = ({
     if (
       balance.networkId === 'myriad' ||
       balance.networkId === 'debio' ||
+      balance.networkId === 'paseo' ||
       balance.networkId === 'rococo'
     )
       return balance;

src/components/Login/render/Options/Options.tsx

@@ -17,6 +17,7 @@ import {
   MetamaskWalletDisabledIcon,
   MyNearWalletIcon,
   MyriadOctopusIcon,
+  MyriadPaseoIcon,
   MyriadRococoIcon,
   NearNetworkIcon,
   PolkadotNetworkIcon,
@@ -95,6 +96,7 @@ export const Options: React.FC<OptionProps> = props => {
       kusama: <KusamaNetworkIcon className={getMobileIconStyles} />,
       near: <NearNetworkIcon className={getMobileIconStyles} />,
       myriad: <MyriadOctopusIcon className={getMobileIconStyles} />,
+      paseo: <MyriadPaseoIcon className={getMobileIconStyles} />,
       rococo: <MyriadRococoIcon className={getMobileIconStyles} />,
       debio: <DebioNetworkIcon className={getMobileIconStyles} />,
     }),

src/components/ProfileCard/NetworkOption/NetworkOption.tsx

@@ -16,6 +16,7 @@ import useBlockchain from 'components/common/Blockchain/use-blockchain.hook';
 import {
   NearNetworkIcon24,
   MyriadOctopusIcon,
+  MyriadPaseoIcon,
   MyriadRococoIcon,
   PolkadotNetworkIcon,
   KusamaNetworkIcon,
@@ -50,6 +51,7 @@ export const NetworkOption: React.FC<NetworkOptionProps> = ({
       kusama: <KusamaNetworkIcon />,
       near: <NearNetworkIcon24 />,
       myriad: <MyriadOctopusIcon />,
+      paseo: <MyriadPaseoIcon />,
       rococo: <MyriadRococoIcon />,
       debio: <DebioNetworkIcon />,
     }),

src/components/ProfileCard/ProfileContent.tsx

@@ -16,6 +16,7 @@ import ShowIf from 'components/common/show-if.component';
 import {
   NearNetworkIcon24,
   MyriadOctopusIcon,
+  MyriadPaseoIcon,
   MyriadRococoIcon,
   PolkadotNetworkIcon,
   KusamaNetworkIcon,
@@ -53,6 +54,7 @@ export const ProfileContent: React.FC<ProfileCardProps> = props => {
       kusama: <KusamaNetworkIcon />,
       near: <NearNetworkIcon24 />,
       myriad: <MyriadOctopusIcon />,
+      paseo: <MyriadPaseoIcon />,
       rococo: <MyriadRococoIcon />,
       debio: <DebioNetworkIcon />,
     }),

src/components/Tip/Tip.tsx

@@ -20,6 +20,7 @@ import {
   PolkadotNetworkIcon,
   KusamaNetworkIcon,
   DebioNetworkIcon,
+  MyriadPaseoIcon,
   MyriadRococoIcon,
 } from 'src/components/atoms/Icons';
 import ShowIf from 'src/components/common/show-if.component';
@@ -57,6 +58,10 @@ const networkOptions: MenuOptions<string>[] = [
     id: 'near',
     title: 'NEAR',
   },
+  {
+    id: 'paseo',
+    title: 'Myriad Paseo',
+  },
   {
     id: 'rococo',
     title: 'Myriad Rococo',
@@ -93,6 +98,7 @@ export const Tip: React.FC<TipProps> = props => {
       kusama: <KusamaNetworkIcon width={'24px'} height={'24px'} />,
       near: <NearNetworkIcon24 width={'24px'} height={'24px'} />,
       myriad: <MyriadOctopusIcon width={'24px'} height={'24px'} />,
+      paseo: <MyriadPaseoIcon width={'24px'} height={'24px'} />,
       rococo: <MyriadRococoIcon width={'24px'} height={'24px'} />,
       debio: <DebioNetworkIcon width={'24px'} height={'24px'} />,
     }),

src/components/atoms/Icons/Core.tsx

@@ -13,6 +13,7 @@ import MyriadFullBlack from 'src/images/Icons/myriad-full-black.svg';
 import MyriadGrey from 'src/images/Icons/myriad-grey.svg';
 import MyriadFull from 'src/images/Icons/myriad-logo-full.svg';
 import MyriadOctopus from 'src/images/Icons/myriad-octopus.svg';
+import MyriadPaseo from 'src/images/Icons/myriad-paseo.svg';
 import MyriadRococo from 'src/images/Icons/myriad-rococo.svg';
 import Notification from 'src/images/Icons/notif-default.svg';
 import OfficialBadge from 'src/images/Icons/official-badge.svg';
@@ -37,6 +38,15 @@ export const MyriadOctopusIcon: React.FC<IconProps> = props => (
   />
 );
 
+export const MyriadPaseoIcon: React.FC<IconProps> = props => (
+  <SvgIcon
+    component={MyriadPaseo}
+    viewBox="0 0 30 30"
+    style={{ width: props.width, height: props.height, fill: 'none' }}
+    {...props}
+  />
+);
+
 export const MyriadRococoIcon: React.FC<IconProps> = props => (
   <SvgIcon
     component={MyriadRococo}

src/helpers/extension.ts

@@ -52,6 +52,10 @@ export const convertToPolkadotAddress = (
 ): string => {
   if (isHex(address)) {
     switch (currentWallet.networkId) {
+      case NetworkIdEnum.MYRIADPASEO: {
+        return encodeAddress(hexToU8a(address), 42);
+      }
+
       case NetworkIdEnum.MYRIADROCOCO: {
         return encodeAddress(hexToU8a(address), 42);
       }

src/helpers/wallet.ts

@@ -60,6 +60,7 @@ export const formatWalletTitle = (
 
   if (networkId) {
     switch (networkId) {
+      case NetworkIdEnum.MYRIADPASEO:
       case NetworkIdEnum.MYRIADROCOCO:
       case NetworkIdEnum.MYRIADOCTOPUS:
       case NetworkIdEnum.DEBIO:

src/interfaces/network.ts

@@ -11,6 +11,7 @@ export enum NetworkIdEnum {
   POLYGON = 'polygon',
   NEAR = 'near',
   MYRIADOCTOPUS = 'myriad',
+  MYRIADPASEO = 'paseo',
   MYRIADROCOCO = 'rococo',
   KUSAMA = 'kusama',
   DEBIO = 'debio',

src/reducers/config/actions.ts

@@ -189,6 +189,7 @@ export const fetchFilteredToken: ThunkActionCreator<Actions, RootState> =
           or: [
             { networkId: 'myriad' },
             { networkId: 'debio' },
+            { networkId: 'paseo' },
             { networkId: 'rococo' },
           ],
         },