fix(extension): settings-about swap Medium with Discord icons [LW-10180] (#1027)

* fix(extension): settings-about swap Medium with Discort icons

* test(extension): update LW-2387

---------

Co-authored-by: wklos-iohk <wojciech.klos@iohk.io>

Author: tommayeliog

apps/browser-extension-wallet/.env.defaults

@@ -38,7 +38,6 @@ CATALYST_GOOGLE_PLAY_URL=https://play.google.com/store/apps/details?id=io.iohk.v
 CATALYST_APP_STORE_URL=https://apps.apple.com/fr/app/catalyst-voting/id1517473397?l=en
 TWITTER_URL=https://twitter.com/lace_io
 YOUTUBE_URL=https://www.youtube.com/c/Laceio
-MEDIUM_URL=https://medium.com/@lace_wallet
 GITHUB_URL=https://github.com/input-output-hk
 DISCORD_URL=https://discord.gg/lacewallet
 WEBSITE_URL=https://www.lace.io

apps/browser-extension-wallet/.env.developerpreview

@@ -38,7 +38,6 @@ CATALYST_GOOGLE_PLAY_URL=https://play.google.com/store/apps/details?id=io.iohk.v
 CATALYST_APP_STORE_URL=https://apps.apple.com/fr/app/catalyst-voting/id1517473397?l=en
 TWITTER_URL=https://twitter.com/lace_io
 YOUTUBE_URL=https://www.youtube.com/c/Laceio
-MEDIUM_URL=https://medium.com/@lace_wallet
 GITHUB_URL=https://github.com/input-output-hk
 DISCORD_URL=https://discord.gg/lacewallet
 WEBSITE_URL=https://www.lace.io

apps/browser-extension-wallet/.env.example

@@ -34,7 +34,6 @@ CATALYST_GOOGLE_PLAY_URL=https://play.google.com/store/apps/details?id=io.iohk.v
 CATALYST_APP_STORE_URL=https://apps.apple.com/fr/app/catalyst-voting/id1517473397?l=en
 TWITTER_URL=https://twitter.com/lace_io
 YOUTUBE_URL=https://www.youtube.com/c/Laceio
-MEDIUM_URL=https://medium.com/@lace_wallet
 GITHUB_URL=https://github.com/input-output-hk
 DISCORD_URL=https://discord.gg/inputoutput
 WEBSITE_URL=https://www.lace.io

apps/browser-extension-wallet/src/assets/icons/discord-logo.component.svg

@@ -9,7 +9,7 @@ import Telegram from '../../../../assets/icons/telegram-icon.component.svg';
 import GitHub from '../../../../assets/icons/github-icon.component.svg';
 import Twitter from '../../../../assets/icons/twitter-icon.component.svg';
 import Youtube from '../../../../assets/icons/youtube-icon.component.svg';
-import Medium from '../../../../assets/icons/medium-icon.component.svg';
+import Discord from '../../../../assets/icons/discord-logo.component.svg';
 
 const normalizeHref = (href: string) =>
   href && !href.startsWith('https://') ? `https://${href.replace(/^\/+/, '')}` : href;
@@ -22,7 +22,7 @@ export enum SocialNetwork {
   GITHUB,
   TWITTER,
   YOUTUBE,
-  MEDIUM
+  DISCORD
 }
 
 export const iconsMap: Record<SocialNetwork, React.FC<React.SVGProps<SVGSVGElement>>> = {
@@ -33,7 +33,7 @@ export const iconsMap: Record<SocialNetwork, React.FC<React.SVGProps<SVGSVGEleme
   [SocialNetwork.GITHUB]: GitHub,
   [SocialNetwork.TWITTER]: Twitter,
   [SocialNetwork.YOUTUBE]: Youtube,
-  [SocialNetwork.MEDIUM]: Medium
+  [SocialNetwork.DISCORD]: Discord
 };
 
 export type socialNetworkIconProps = {

apps/browser-extension-wallet/src/views/browser-view/components/SocialNetworks/SocialNetworkIcon.tsx

@@ -13,7 +13,7 @@ const socialNetworks = [
   { name: SocialNetwork.WEBSITE, href: process.env.WEBSITE_URL },
   { name: SocialNetwork.TWITTER, href: process.env.TWITTER_URL },
   { name: SocialNetwork.YOUTUBE, href: process.env.YOUTUBE_URL },
-  { name: SocialNetwork.MEDIUM, href: process.env.MEDIUM_URL },
+  { name: SocialNetwork.DISCORD, href: process.env.DISCORD_URL },
   { name: SocialNetwork.GITHUB, href: process.env.GITHUB_URL }
 ];
 

apps/browser-extension-wallet/src/views/browser-view/features/settings/components/SettingsAbout.tsx

@@ -179,8 +179,8 @@ class SettingsPageAssert {
     await SettingsPage.aboutLaceWidget.twitter.icon.waitForDisplayed();
     await SettingsPage.aboutLaceWidget.youtube.element.waitForDisplayed();
     await SettingsPage.aboutLaceWidget.youtube.icon.waitForDisplayed();
-    await SettingsPage.aboutLaceWidget.medium.element.waitForDisplayed();
-    await SettingsPage.aboutLaceWidget.medium.icon.waitForDisplayed();
+    await SettingsPage.aboutLaceWidget.discord.element.waitForDisplayed();
+    await SettingsPage.aboutLaceWidget.discord.icon.waitForDisplayed();
     await SettingsPage.aboutLaceWidget.github.element.waitForDisplayed();
     await SettingsPage.aboutLaceWidget.github.icon.waitForDisplayed();
   }

packages/e2e-tests/src/assert/settings/SettingsPageAssert.ts

@@ -54,8 +54,8 @@ class AboutLaceWidget {
     return new SocialComponentElement(SocialComponentEnum.Youtube);
   }
 
-  get medium() {
-    return new SocialComponentElement(SocialComponentEnum.Medium);
+  get discord() {
+    return new SocialComponentElement(SocialComponentEnum.Discord);
   }
 
   get github() {

packages/e2e-tests/src/elements/settings/extendedView/AboutLaceWidget.ts

@@ -7,7 +7,7 @@ export enum SocialComponentEnum {
   Website = 'WEBSITE',
   Github = 'GITHUB',
   Youtube = 'YOUTUBE',
-  Medium = 'MEDIUM'
+  Discord = 'DISCORD'
 }
 
 export class SocialComponentElement {