From 63eea90192141a50a7d88aa85765ada7b3f22013 Mon Sep 17 00:00:00 2001
From: Sendou <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 6 Jun 2020 12:32:45 +0300
Subject: [PATCH] youtube link with id on profile

---
 frontend-react/src/components/user/AvatarWithInfo.tsx | 4 ++--
 frontend-react/src/graphql/queries/searchForUser.ts   | 1 +
 frontend-react/src/types.ts                           | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend-react/src/components/user/AvatarWithInfo.tsx b/frontend-react/src/components/user/AvatarWithInfo.tsx
index dc77ec9bb..0ecb6acea 100644
--- a/frontend-react/src/components/user/AvatarWithInfo.tsx
+++ b/frontend-react/src/components/user/AvatarWithInfo.tsx
@@ -86,7 +86,7 @@ const AvatarWithInfo: React.FC<AvatarWithInfoProps> = ({ user, canEdit }) => {
                   </a>
                 </Flex>
               )}
-              {user.youtube_name && (
+              {user.youtube_name && user.youtube_id && (
                 <Flex
                   alignItems="center"
                   mx="0.5em"
@@ -94,7 +94,7 @@ const AvatarWithInfo: React.FC<AvatarWithInfoProps> = ({ user, canEdit }) => {
                   color={grayWithShade}
                 >
                   <Box as={FaYoutube} mr="0.2em" />
-                  <a href={`https://youtube.com/c/${user.youtube_name}`}>
+                  <a href={`https://youtube.com/channel/${user.youtube_id}`}>
                     {user.youtube_name}
                   </a>
                 </Flex>
diff --git a/frontend-react/src/graphql/queries/searchForUser.ts b/frontend-react/src/graphql/queries/searchForUser.ts
index d058b6f83..b1bdf75b8 100644
--- a/frontend-react/src/graphql/queries/searchForUser.ts
+++ b/frontend-react/src/graphql/queries/searchForUser.ts
@@ -20,6 +20,7 @@ export const SEARCH_FOR_USER: DocumentNode = gql`
       twitch_name
       twitter_name
       youtube_name
+      youtube_id
       country
       weapons
       top500
diff --git a/frontend-react/src/types.ts b/frontend-react/src/types.ts
index 8c6f69945..21e4a3fc5 100644
--- a/frontend-react/src/types.ts
+++ b/frontend-react/src/types.ts
@@ -110,6 +110,7 @@ export interface User {
   twitch_name?: string
   twitter_name?: string
   youtube_name?: string
+  youtube_id?: string
   country?: CountryCode
   weapons?: Weapon[]
   top500: boolean