close #64

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>
 )

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
   }

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>

src/types/team.ts

@@ -2,6 +2,7 @@ export interface IStatusContact {
   email: string
   status?: any
   github?: any
+  gscholar?: string
   discord: string
 }
 

src/types/ui.types.ts

@@ -6,4 +6,5 @@ export enum ECommunityProviders {
   'github' = 'github',
   'discourse' = 'discourse',
   'telegram' = 'telegram',
+  'gscholar' = 'gscholar',
 }

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": {

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>