From 8b441b08affde3609110ba9287d6e4ce4f59434c Mon Sep 17 00:00:00 2001
From: Sendou <38327916+Sendouc@users.noreply.github.com>
Date: Tue, 2 Jun 2020 22:37:22 +0300
Subject: [PATCH] added youtube

---
 .../src/components/user/AvatarWithInfo.tsx    | 21 ++++++++++++++++++-
 .../src/graphql/queries/searchForUser.ts      |  1 +
 frontend-react/src/types.ts                   |  1 +
 graphql-schemas/user.js                       |  1 +
 index.js                                      |  2 ++
 mongoose-models/user.js                       |  1 +
 6 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/frontend-react/src/components/user/AvatarWithInfo.tsx b/frontend-react/src/components/user/AvatarWithInfo.tsx
index 9387d9a84..dc77ec9bb 100644
--- a/frontend-react/src/components/user/AvatarWithInfo.tsx
+++ b/frontend-react/src/components/user/AvatarWithInfo.tsx
@@ -1,6 +1,12 @@
 import { Box, Flex, Heading } from "@chakra-ui/core"
 import React, { useContext, useState } from "react"
-import { FaEdit, FaGamepad, FaTwitch, FaTwitter } from "react-icons/fa"
+import {
+  FaEdit,
+  FaGamepad,
+  FaTwitch,
+  FaTwitter,
+  FaYoutube,
+} from "react-icons/fa"
 import MyThemeContext from "../../themeContext"
 import { User } from "../../types"
 import Flag from "../common/Flag"
@@ -80,6 +86,19 @@ const AvatarWithInfo: React.FC<AvatarWithInfoProps> = ({ user, canEdit }) => {
                   </a>
                 </Flex>
               )}
+              {user.youtube_name && (
+                <Flex
+                  alignItems="center"
+                  mx="0.5em"
+                  my="0.1em"
+                  color={grayWithShade}
+                >
+                  <Box as={FaYoutube} mr="0.2em" />
+                  <a href={`https://youtube.com/c/${user.youtube_name}`}>
+                    {user.youtube_name}
+                  </a>
+                </Flex>
+              )}
               {user.sens && (!!user.sens.stick || user.sens.stick === 0) && (
                 <Flex
                   alignItems="center"
diff --git a/frontend-react/src/graphql/queries/searchForUser.ts b/frontend-react/src/graphql/queries/searchForUser.ts
index 0d73eecf2..d058b6f83 100644
--- a/frontend-react/src/graphql/queries/searchForUser.ts
+++ b/frontend-react/src/graphql/queries/searchForUser.ts
@@ -19,6 +19,7 @@ export const SEARCH_FOR_USER: DocumentNode = gql`
       discord_id
       twitch_name
       twitter_name
+      youtube_name
       country
       weapons
       top500
diff --git a/frontend-react/src/types.ts b/frontend-react/src/types.ts
index 44c88a539..8c6f69945 100644
--- a/frontend-react/src/types.ts
+++ b/frontend-react/src/types.ts
@@ -109,6 +109,7 @@ export interface User {
   avatar?: string
   twitch_name?: string
   twitter_name?: string
+  youtube_name?: string
   country?: CountryCode
   weapons?: Weapon[]
   top500: boolean
diff --git a/graphql-schemas/user.js b/graphql-schemas/user.js
index f7617f028..4d810765d 100644
--- a/graphql-schemas/user.js
+++ b/graphql-schemas/user.js
@@ -42,6 +42,7 @@ const typeDef = gql`
     discord_id: String!
     twitch_name: String
     twitter_name: String
+    youtube_name: String
     country: String
     sens: Sens
     bio: String
diff --git a/index.js b/index.js
index 437db0b3f..e9575cc3c 100644
--- a/index.js
+++ b/index.js
@@ -44,6 +44,8 @@ passport.use(
             userToSave.twitch_name = connection.name.toLowerCase()
           } else if (connection.type === "twitter") {
             userToSave.twitter_name = connection.name.toLowerCase()
+          } else if (connection.type === "youtube") {
+            userToSave.youtube_name = connection.name.toLowerCase()
           }
         }
       }
diff --git a/mongoose-models/user.js b/mongoose-models/user.js
index db118997e..6c19a2ab6 100644
--- a/mongoose-models/user.js
+++ b/mongoose-models/user.js
@@ -11,6 +11,7 @@ const userSchema = new mongoose.Schema({
   },
   twitch_name: String,
   twitter_name: String,
+  youtube_name: String,
   country: String,
   sens: {
     stick: { type: Number, min: -5, max: 5 },