From 29fb151bf9132c2489c8642db75247cef743b887 Mon Sep 17 00:00:00 2001
From: amirhouieh <amir@status.im>
Date: Mon, 10 Oct 2022 10:42:51 +0200
Subject: [PATCH] close #64

---
 src/components/Icon/Icon.tsx             |  8 ++++++++
 src/components/Icon/SocialmediaLink.tsx  | 10 ++++++++++
 src/components/mdx/TeamList/TeamList.tsx |  7 +++++++
 src/types/team.ts                        |  1 +
 src/types/ui.types.ts                    |  1 +
 static/data/team.json                    |  6 ++++--
 static/icons/gscholar.svg                |  8 ++++++++
 7 files changed, 39 insertions(+), 2 deletions(-)
 create mode 100644 static/icons/gscholar.svg

diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index 703bc84..f0d39f8 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -17,6 +17,7 @@ import TelegramSvg from '@site/static/icons/telegram.svg'
 import StatusSvg from '@site/static/icons/status.svg'
 import SearchSvg from '@site/static/icons/search.svg'
 import DropdownSvg from '@site/static/icons/dropdown.svg'
+import GScholarSvg from '@site/static/icons/gscholar.svg'
 
 type TIconProps = {
   size?: 's' | 'm' | 'l'
@@ -125,5 +126,12 @@ export const IconSearch = (props: TIconProps): JSX.Element => (
 export const IconDropdown = (props: TIconProps): JSX.Element => (
   <Icon {...props}>
     <DropdownSvg />
+
+  </Icon>
+)
+
+export const IconGScholar = (props: TIconProps): JSX.Element => (
+  <Icon {...props}>
+    <GScholarSvg />
   </Icon>
 )
diff --git a/src/components/Icon/SocialmediaLink.tsx b/src/components/Icon/SocialmediaLink.tsx
index d26aab7..bb3d39f 100644
--- a/src/components/Icon/SocialmediaLink.tsx
+++ b/src/components/Icon/SocialmediaLink.tsx
@@ -6,6 +6,7 @@ import {
   IconGithub,
   IconStatus,
   IconTelegram,
+  IconGScholar,
 } from './Icon'
 import { ECommunityProviders } from '@site/src/types/ui.types'
 
@@ -62,6 +63,15 @@ export const SocialMediaItem = (props: TProps): JSX.Element => {
           <IconDiscourse />
         </a>
       )
+    case ECommunityProviders.gscholar:
+      return (
+        <a
+          href={`https://scholar.google.com/citations?user=${props.handler}`}
+          target={'_blank'}
+        >
+          <IconGScholar />
+        </a>
+      )
     default:
       return null
   }
diff --git a/src/components/mdx/TeamList/TeamList.tsx b/src/components/mdx/TeamList/TeamList.tsx
index 7640652..00467e7 100644
--- a/src/components/mdx/TeamList/TeamList.tsx
+++ b/src/components/mdx/TeamList/TeamList.tsx
@@ -16,6 +16,7 @@ type TProps = {
 
 export const TeamList = (props: TProps): JSX.Element => {
   const team = useTeam('codex' as ELogosTeamNames)
+  console.log(team)
   const hiddenSidebar = globalStore.useSelector(selectHiddenSidebar)
 
   return (
@@ -61,6 +62,12 @@ export const TeamList = (props: TProps): JSX.Element => {
                     provider={ECommunityProviders.discord}
                   />
                 )}
+                {member.contact.gscholar && (
+                  <SocialMediaItem
+                    handler={member.contact.gscholar}
+                    provider={ECommunityProviders.gscholar}
+                  />
+                )}
               </div>
             </div>
           </div>
diff --git a/src/types/team.ts b/src/types/team.ts
index a9ef986..84117a3 100644
--- a/src/types/team.ts
+++ b/src/types/team.ts
@@ -2,6 +2,7 @@ export interface IStatusContact {
   email: string
   status?: any
   github?: any
+  gscholar?: string
   discord: string
 }
 
diff --git a/src/types/ui.types.ts b/src/types/ui.types.ts
index ea1b66b..ad53471 100644
--- a/src/types/ui.types.ts
+++ b/src/types/ui.types.ts
@@ -6,4 +6,5 @@ export enum ECommunityProviders {
   'github' = 'github',
   'discourse' = 'discourse',
   'telegram' = 'telegram',
+  'gscholar' = 'gscholar',
 }
diff --git a/static/data/team.json b/static/data/team.json
index 508797c..43c5c13 100644
--- a/static/data/team.json
+++ b/static/data/team.json
@@ -51,7 +51,8 @@
       "email": "leo@status.im",
       "status": null,
       "github": null,
-      "discord": "leobago#8071"
+      "discord": "leobago#8071",
+      "gscholar": "vt5qgWoAAAAJ"
     }
   },
   "carl@status.im": {
@@ -557,7 +558,8 @@
       "email": "csaba@status.im",
       "status": null,
       "github": "cskiraly",
-      "discord": "cskiraly#5585"
+      "discord": "cskiraly#5585",
+      "gscholar": "74GVAjAAAAAJ"
     }
   },
   "etan@status.im": {
diff --git a/static/icons/gscholar.svg b/static/icons/gscholar.svg
new file mode 100644
index 0000000..a9c4f6d
--- /dev/null
+++ b/static/icons/gscholar.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <filter id="grayscale">
+        <feColorMatrix type="saturate" values="0.10"/>
+    </filter>
+    <path fill="#000" d="M256 411.12L0 202.667 256 0z"/>
+    <path fill="#000" d="M256 411.12l256-208.453L256 0z"/>
+    <circle fill="#000" cx="256" cy="362.667" r="149.333"/>
+</svg>