MP-152 add GitHub to member links select

Author: kkartunov

src/apps/profiles/src/member-profile/links/MemberLinks.module.scss

@@ -24,6 +24,10 @@
             svg {
                 width: 24px;
                 height: 24px;
+
+                path {
+                    fill: #333333;
+                }
             }
         }
     }

src/apps/profiles/src/member-profile/links/MemberLinks.tsx

@@ -6,8 +6,6 @@ import { useMemberTraits, UserProfile, UserTrait, UserTraitIds, UserTraits } fro
 import {
     IconOutline,
     SocialIconFacebook,
-    SocialIconInstagram,
-    SocialIconLinkedIn,
     SocialIconTwitter,
     SocialIconYoutube,
 } from '~/libs/ui'
@@ -16,6 +14,9 @@ import { EditMemberPropertyBtn } from '../../components'
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
 
 import { ModifyMemberLinksModal } from './ModifyMemberLinksModal'
+import { ReactComponent as GitHubLinkIcon } from './assets/github-link-icon.svg'
+import { ReactComponent as InstagramLinkIcon } from './assets/instagram-link-icon.svg'
+import { ReactComponent as LinkedInLinkIcon } from './assets/linkedIn-link-icon.svg'
 import styles from './MemberLinks.module.scss'
 
 interface MemberLinksProps {
@@ -27,12 +28,14 @@ export function renderLinkIcon(linkName: string): JSX.Element {
     switch (linkName) {
         case 'Facebook':
             return <SocialIconFacebook />
+        case 'GitHub':
+            return <GitHubLinkIcon />
         case 'Twitter':
             return <SocialIconTwitter />
         case 'LinkedIn':
-            return <SocialIconLinkedIn />
+            return <LinkedInLinkIcon />
         case 'Instagram':
-            return <SocialIconInstagram />
+            return <InstagramLinkIcon />
         case 'YouTube':
             return <SocialIconYoutube />
         default:

src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/link-types.config.ts

@@ -3,7 +3,7 @@ export const linkTypes: Array<{[key: string]: string}> = [
         name: 'Facebook',
     },
     {
-        name: 'Twitter',
+        name: 'GitHub',
     },
     {
         name: 'Instagram',
@@ -12,9 +12,12 @@ export const linkTypes: Array<{[key: string]: string}> = [
         name: 'LinkedIn',
     },
     {
-        name: 'YouTube',
+        name: 'Twitter',
     },
     {
         name: 'Website',
     },
+    {
+        name: 'YouTube',
+    },
 ]