Add GitHub member links (#4811)

Add GitHub member links Co-authored-by: Gold Wolf <[email protected]>
Joystream · Mar 18, 2024 · a1bc2bb · a1bc2bb
1 parent 08d2d1f
commit a1bc2bb
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 7 deletions.
diff --git a/packages/ui/src/common/components/icons/socials/Github.tsx b/packages/ui/src/common/components/icons/socials/Github.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const GithubIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className={className}>
+      <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+    </svg>
+  )
+}
diff --git a/packages/ui/src/common/components/icons/socials/index.ts b/packages/ui/src/common/components/icons/socials/index.ts
@@ -10,3 +10,4 @@ export * from './Youtube'
 export * from './Wechat'
 export * from './Whatsapp'
 export * from './Linkedin'
+export * from './Github'
diff --git a/packages/ui/src/memberships/components/MemberListFilters/MemberListFilters.tsx b/packages/ui/src/memberships/components/MemberListFilters/MemberListFilters.tsx
@@ -102,6 +102,7 @@ const searchFilterOptions: MemberSearchFilter[] = [
   'Whatsapp',
   'Youtube',
   'Linkedin',
+  'Github',
 ]
 
 export interface MemberListFiltersProps {

diff --git a/packages/ui/src/memberships/components/SocialMediaSelector.tsx b/packages/ui/src/memberships/components/SocialMediaSelector.tsx
@@ -9,8 +9,7 @@ import { MemberFormFields } from '@/memberships/modals/BuyMembershipModal/BuyMem
 
 import { SocialMediaInput, SocialMediaSelectorList } from './SocialMediaSelector/SocialMediaSelector'
 
-// TODO Partial after upgrading @joystream/metadata-protobuf
-const socialToPlaceholder: Partial<Record<Socials, string>> = {
+const socialToPlaceholder: Record<Socials, string> = {
   HYPERLINK: 'Enter URL',
   WECHAT: 'Enter Username',
   IRC: 'Enter Username',
@@ -23,6 +22,7 @@ const socialToPlaceholder: Partial<Record<Socials, string>> = {
   TWITTER: 'Enter Username',
   EMAIL: 'Enter Email',
   LINKEDIN: 'Enter Username',
+  GITHUB: 'Enter Username',
 }
 
 interface Props {

diff --git a/packages/ui/src/memberships/components/SocialMediaSelector/SocialMediaSelector.tsx b/packages/ui/src/memberships/components/SocialMediaSelector/SocialMediaSelector.tsx
@@ -10,8 +10,7 @@ import { MemberFormFields } from '@/memberships/modals/BuyMembershipModal/BuyMem
 
 import { socialTitle } from '../SocialMediaTile/SocialMediaTile'
 
-// TODO Partial after upgrading @joystream/metadata-protobuf
-const socialToPlaceholder: Partial<Record<Socials, string>> = {
+const socialToPlaceholder: Record<Socials, string> = {
   HYPERLINK: 'Enter URL',
   WECHAT: 'Enter Username',
   IRC: 'Enter Username',
@@ -24,6 +23,7 @@ const socialToPlaceholder: Partial<Record<Socials, string>> = {
   TWITTER: 'Enter Username',
   EMAIL: 'Enter Email',
   LINKEDIN: 'Enter Username',
+  GITHUB: 'Enter Username',
 }
 
 interface Props {

diff --git a/packages/ui/src/memberships/components/SocialMediaTile/SocialMediaTile.tsx b/packages/ui/src/memberships/components/SocialMediaTile/SocialMediaTile.tsx
@@ -15,16 +15,16 @@ import {
   YoutubeIcon,
   TelegramIcon,
   LinkedinIcon,
+  GithubIcon,
 } from '@/common/components/icons/socials'
 import { RowGapBlock } from '@/common/components/page/PageContent'
 import { TextMedium } from '@/common/components/typography'
 import { BorderRad, Colors } from '@/common/constants'
 import { capitalizeFirstLetter } from '@/common/helpers'
 
-// TODO remove 'GITHUB' and Partial after upgrading @joystream/metadata-protobuf
-export type Socials = keyof typeof MembershipMetadata.ExternalResource.ResourceType | 'GITHUB'
+export type Socials = keyof typeof MembershipMetadata.ExternalResource.ResourceType
 
-export const socialToIcon: Partial<Record<Socials, React.ReactElement>> = {
+export const socialToIcon: Record<Socials, React.ReactElement> = {
   EMAIL: <EmailIcon />,
   TWITTER: <TwitterIcon />,
   TELEGRAM: <TelegramIcon />,
@@ -37,6 +37,7 @@ export const socialToIcon: Partial<Record<Socials, React.ReactElement>> = {
   WHATSAPP: <WhatsappIcon />,
   HYPERLINK: <CustomLinkIcon />,
   LINKEDIN: <LinkedinIcon />,
+  GITHUB: <GithubIcon />,
 }
 
 export const socialMediaList = Object.keys(socialToIcon) as (keyof typeof socialToIcon)[]