From fb3b47cf026995772d437e6e2b0d1ff1bf7a85ae Mon Sep 17 00:00:00 2001
From: amirhouieh <amir.houieh@gmail.com>
Date: Tue, 30 Jan 2024 17:00:30 +0000
Subject: [PATCH] fix broken icons

---
 src/components/Episode/Header/Episode.Channels.tsx | 6 +++---
 src/components/Icons/DiscordIcon/DiscordIcon.tsx   | 6 +++---
 src/components/Icons/XIcon/XIcon.tsx               | 8 ++++----
 src/configs/site.configs.ts                        | 2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/Episode/Header/Episode.Channels.tsx b/src/components/Episode/Header/Episode.Channels.tsx
index 22122e5..9a296e6 100644
--- a/src/components/Episode/Header/Episode.Channels.tsx
+++ b/src/components/Episode/Header/Episode.Channels.tsx
@@ -16,21 +16,21 @@ const renderChannel = (channel: LPE.Podcast.Channel) => {
     case LPE.Podcast.ChannelNames.Spotify:
       return (
         <Channel href={channel.url} target="_blank">
-          <SpotifyIcon width={16} height={16} />
+          <SpotifyIcon width={16} height={16} color="primary" />
           <ChannelName variant="body2">Spotify</ChannelName>
         </Channel>
       )
     case LPE.Podcast.ChannelNames.ApplePodcasts:
       return (
         <Channel href={channel.url} target="_blank">
-          <ApplePodcastsIcon width={16} height={16} />
+          <ApplePodcastsIcon width={16} height={16} color="primary" />
           <ChannelName variant="body2">Apple Podcasts</ChannelName>
         </Channel>
       )
     case LPE.Podcast.ChannelNames.GooglePodcasts:
       return (
         <Channel href={channel.url} target="_blank">
-          <GooglePodcastsIcon width={16} height={16} />
+          <GooglePodcastsIcon width={16} height={16} color="primary" />
           <ChannelName variant="body2">Google Podcasts</ChannelName>
         </Channel>
       )
diff --git a/src/components/Icons/DiscordIcon/DiscordIcon.tsx b/src/components/Icons/DiscordIcon/DiscordIcon.tsx
index 4e12112..1c2b66c 100644
--- a/src/components/Icons/DiscordIcon/DiscordIcon.tsx
+++ b/src/components/Icons/DiscordIcon/DiscordIcon.tsx
@@ -3,15 +3,15 @@ import { LsdIcon } from '@acid-info/lsd-react'
 export const DiscordIcon = LsdIcon(
   (props) => (
     <svg
-      width="21"
+      width="20"
       height="20"
-      viewBox="0 0 21 20"
+      viewBox="0 0 24 20"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
       <path
-        d="M9.13334 12.5L13.4583 9.99999L9.13334 7.49999V12.5ZM18.7667 5.97499C18.875 6.36666 18.95 6.89166 19 7.55832C19.0583 8.22499 19.0833 8.79999 19.0833 9.29999L19.1333 9.99999C19.1333 11.825 19 13.1667 18.7667 14.025C18.5583 14.775 18.075 15.2583 17.325 15.4667C16.9333 15.575 16.2167 15.65 15.1167 15.7C14.0333 15.7583 13.0417 15.7833 12.125 15.7833L10.8 15.8333C7.30834 15.8333 5.13334 15.7 4.27501 15.4667C3.52501 15.2583 3.04167 14.775 2.83334 14.025C2.72501 13.6333 2.65001 13.1083 2.60001 12.4417C2.54167 11.775 2.51667 11.2 2.51667 10.7L2.46667 9.99999C2.46667 8.17499 2.60001 6.83332 2.83334 5.97499C3.04167 5.22499 3.52501 4.74166 4.27501 4.53332C4.66667 4.42499 5.38334 4.34999 6.48334 4.29999C7.56667 4.24166 8.55834 4.21666 9.47501 4.21666L10.8 4.16666C14.2917 4.16666 16.4667 4.29999 17.325 4.53332C18.075 4.74166 18.5583 5.22499 18.7667 5.97499Z"
+        d="M19.2701 5.33005C17.9401 4.71005 16.5001 4.26005 15.0001 4.00005C14.987 3.99963 14.9739 4.00209 14.9618 4.00728C14.9497 4.01246 14.9389 4.02023 14.9301 4.03005C14.7501 4.36005 14.5401 4.79005 14.4001 5.12005C12.8091 4.88005 11.1911 4.88005 9.60012 5.12005C9.46012 4.78005 9.25012 4.36005 9.06012 4.03005C9.05012 4.01005 9.02012 4.00005 8.99012 4.00005C7.49012 4.26005 6.06012 4.71005 4.72012 5.33005C4.71012 5.33005 4.70012 5.34005 4.69012 5.35005C1.97012 9.42005 1.22012 13.38 1.59012 17.3C1.59012 17.32 1.60012 17.34 1.62012 17.35C3.42012 18.67 5.15012 19.47 6.86012 20C6.89012 20.01 6.92012 20 6.93012 19.98C7.33012 19.43 7.69012 18.85 8.00012 18.24C8.02012 18.2 8.00012 18.16 7.96012 18.15C7.39012 17.93 6.85012 17.67 6.32012 17.37C6.28012 17.35 6.28012 17.29 6.31012 17.26C6.42012 17.18 6.53012 17.09 6.64012 17.01C6.66012 16.99 6.69012 16.99 6.71012 17C10.1501 18.57 13.8601 18.57 17.2601 17C17.2801 16.99 17.3101 16.99 17.3301 17.01C17.4401 17.1 17.5501 17.18 17.6601 17.27C17.7001 17.3 17.7001 17.36 17.6501 17.38C17.1301 17.69 16.5801 17.94 16.0101 18.16C15.9701 18.17 15.9601 18.22 15.9701 18.25C16.2901 18.86 16.6501 19.44 17.0401 19.99C17.0701 20 17.1001 20.01 17.1301 20C18.8501 19.47 20.5801 18.67 22.3801 17.35C22.4001 17.34 22.4101 17.32 22.4101 17.3C22.8501 12.77 21.6801 8.84005 19.3101 5.35005C19.3001 5.34005 19.2901 5.33005 19.2701 5.33005ZM8.52012 14.91C7.49012 14.91 6.63012 13.96 6.63012 12.79C6.63012 11.62 7.47012 10.67 8.52012 10.67C9.58012 10.67 10.4201 11.63 10.4101 12.79C10.4101 13.96 9.57012 14.91 8.52012 14.91ZM15.4901 14.91C14.4601 14.91 13.6001 13.96 13.6001 12.79C13.6001 11.62 14.4401 10.67 15.4901 10.67C16.5501 10.67 17.3901 11.63 17.3801 12.79C17.3801 13.96 16.5501 14.91 15.4901 14.91Z"
         fill="black"
       />
     </svg>
diff --git a/src/components/Icons/XIcon/XIcon.tsx b/src/components/Icons/XIcon/XIcon.tsx
index ab762ac..12cce96 100644
--- a/src/components/Icons/XIcon/XIcon.tsx
+++ b/src/components/Icons/XIcon/XIcon.tsx
@@ -3,15 +3,15 @@ import { LsdIcon } from '@acid-info/lsd-react'
 export const XIcon = LsdIcon(
   (props) => (
     <svg
-      width="21"
-      height="20"
-      viewBox="0 0 21 20"
+      width="17"
+      height="17"
+      viewBox="0 0 20 20"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
       <path
-        d="M19.3167 5.00001C18.675 5.29168 17.9833 5.48334 17.2667 5.57501C18 5.13334 18.5667 4.43334 18.8333 3.59168C18.1417 4.00834 17.375 4.30001 16.5667 4.46668C15.9083 3.75001 14.9833 3.33334 13.9333 3.33334C11.975 3.33334 10.375 4.93334 10.375 6.90834C10.375 7.19168 10.4083 7.46668 10.4667 7.72501C7.5 7.57501 4.85833 6.15001 3.1 3.99168C2.79166 4.51668 2.61666 5.13334 2.61666 5.78334C2.61666 7.02501 3.24166 8.12501 4.20833 8.75001C3.61666 8.75001 3.06666 8.58334 2.58333 8.33334V8.35834C2.58333 10.0917 3.81666 11.5417 5.45 11.8667C4.9256 12.0102 4.37508 12.0302 3.84166 11.925C4.068 12.6354 4.51128 13.257 5.10918 13.7025C5.70708 14.1479 6.42954 14.3948 7.175 14.4083C5.91136 15.4087 4.345 15.9494 2.73333 15.9417C2.45 15.9417 2.16666 15.925 1.88333 15.8917C3.46666 16.9083 5.35 17.5 7.36666 17.5C13.9333 17.5 17.5417 12.05 17.5417 7.32501C17.5417 7.16668 17.5417 7.01668 17.5333 6.85834C18.2333 6.35834 18.8333 5.72501 19.3167 5.00001Z"
+        d="M17.9625 3H20.8766L14.5116 10.201L22 20H16.1373L11.5452 14.0559L6.29056 20H3.37525L10.1832 12.2972L3 3H9.01231L13.1626 8.43179L17.9625 3ZM16.9412 18.2742H18.5563L8.13356 4.63552H6.40219L16.9412 18.2742Z"
         fill="black"
       />
     </svg>
diff --git a/src/configs/site.configs.ts b/src/configs/site.configs.ts
index 4eec350..e96d373 100644
--- a/src/configs/site.configs.ts
+++ b/src/configs/site.configs.ts
@@ -20,6 +20,6 @@ export const siteConfigs = {
     'whistleblower',
   ],
   xHandle: 'logos_network',
-  youtubeHandle: '@NetworkStatePress',
+  youtubeHandle: '@LogosNetwork',
   githubHandle: 'logos-co',
 }