Fix/linkedin missing list (#4570)

* fix/linkedin missing list dev * fix/linkedin-missing-list1 * fix/linkedin-missing-list2 * linked in push * yarn lint:fix * yarn lint:fix
Joystream · Oct 30, 2023 · 6abfbb9 · 6abfbb9 · vercel · Oct 30, 2023
1 parent 506a896
commit 6abfbb9
Show file tree

Hide file tree

Showing 10 changed files with 36 additions and 3 deletions.
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -27,7 +27,7 @@
     "@hcaptcha/react-hcaptcha": "^1.4.4",
     "@joystream/js": "1.2.0",
     "@joystream/markdown-editor": "^0.1.0",
-    "@joystream/metadata-protobuf": "^2.0.0",
+    "@joystream/metadata-protobuf": "^2.10.0",
     "@joystream/types": "^2.0.0",
     "@nivo/bar": "^0.79.1",
     "@nivo/core": "^0.79.0",

diff --git a/packages/ui/src/common/api/queries/__generated__/baseTypes.generated.ts b/packages/ui/src/common/api/queries/__generated__/baseTypes.generated.ts
diff --git a/packages/ui/src/common/api/schemas/schema.graphql b/packages/ui/src/common/api/schemas/schema.graphql
@@ -429,6 +429,7 @@ enum MembershipExternalResourceType {
   IRC
   WECHAT
   WHATSAPP
+  LINKEDIN
 }
 
 type MemberMetadata implements BaseGraphQLObject {

diff --git a/packages/ui/src/common/components/icons/socials/Linkedin.tsx b/packages/ui/src/common/components/icons/socials/Linkedin.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const LinkedinIcon = ({ 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="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+    </svg>
+  )
+}
diff --git a/packages/ui/src/common/components/icons/socials/index.ts b/packages/ui/src/common/components/icons/socials/index.ts
@@ -9,3 +9,4 @@ export * from './Telegram'
 export * from './Youtube'
 export * from './Wechat'
 export * from './Whatsapp'
+export * from './Linkedin'
diff --git a/packages/ui/src/memberships/components/MemberListFilters/MemberListFilters.tsx b/packages/ui/src/memberships/components/MemberListFilters/MemberListFilters.tsx
@@ -101,6 +101,7 @@ const searchFilterOptions: MemberSearchFilter[] = [
   'Wechat',
   'Whatsapp',
   'Youtube',
+  'Linkedin',
 ]
 
 export interface MemberListFiltersProps {

diff --git a/packages/ui/src/memberships/components/SocialMediaSelector.tsx b/packages/ui/src/memberships/components/SocialMediaSelector.tsx
@@ -20,6 +20,7 @@ const socialToPlaceholder: Record<Socials, string> = {
   TELEGRAM: 'Enter Username',
   TWITTER: 'Enter Username',
   EMAIL: 'Enter Email',
+  LINKEDIN: 'Enter Username',
 }
 
 interface Props {

diff --git a/packages/ui/src/memberships/components/SocialMediaSelector/SocialMediaSelector.tsx b/packages/ui/src/memberships/components/SocialMediaSelector/SocialMediaSelector.tsx
@@ -21,6 +21,7 @@ const socialToPlaceholder: Record<Socials, string> = {
   TELEGRAM: 'Enter Username',
   TWITTER: 'Enter Username',
   EMAIL: 'Enter Email',
+  LINKEDIN: 'Enter Username',
 }
 
 interface Props {

diff --git a/packages/ui/src/memberships/components/SocialMediaTile/SocialMediaTile.tsx b/packages/ui/src/memberships/components/SocialMediaTile/SocialMediaTile.tsx
@@ -14,6 +14,7 @@ import {
   WhatsappIcon,
   YoutubeIcon,
   TelegramIcon,
+  LinkedinIcon,
 } from '@/common/components/icons/socials'
 import { RowGapBlock } from '@/common/components/page/PageContent'
 import { TextMedium } from '@/common/components/typography'
@@ -34,6 +35,7 @@ export const socialToIcon: Record<Socials, React.ReactElement> = {
   WECHAT: <WechatIcon />,
   WHATSAPP: <WhatsappIcon />,
   HYPERLINK: <CustomLinkIcon />,
+  LINKEDIN: <LinkedinIcon />,
 }
 
 export const socialMediaList = Object.keys(socialToIcon) as (keyof typeof socialToIcon)[]

diff --git a/yarn.lock b/yarn.lock
@@ -3623,7 +3623,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@joystream/metadata-protobuf@npm:^2.0.0, @joystream/metadata-protobuf@npm:^2.6.0":
+"@joystream/metadata-protobuf@npm:^2.10.0":
+  version: 2.10.0
+  resolution: "@joystream/metadata-protobuf@npm:2.10.0"
+  dependencies:
+    "@types/iso-3166-2": ^1.0.0
+    "@types/long": ^4.0.1
+    google-protobuf: ^3.14.0
+    i18n-iso-countries: ^6.8.0
+    iso-3166-2: ^1.0.0
+    iso-639-1: ^2.1.9
+    long: ^4.0.0
+    protobufjs: ^6.11.2
+  checksum: 4b56f02d6863d6f1e1cd91075606666224338066c078e77cb2b3bac090dc535a740279711106778c666befa8abc8b08b3f11bedf9b5e8c96f14d92887c8cc3ed
+  languageName: node
+  linkType: hard
+
+"@joystream/metadata-protobuf@npm:^2.6.0":
   version: 2.6.0
   resolution: "@joystream/metadata-protobuf@npm:2.6.0"
   dependencies:
@@ -3657,7 +3673,7 @@ __metadata:
     "@jest/types": ^27.2.5
     "@joystream/js": 1.2.0
     "@joystream/markdown-editor": ^0.1.0
-    "@joystream/metadata-protobuf": ^2.0.0
+    "@joystream/metadata-protobuf": ^2.10.0
     "@joystream/types": ^2.0.0
     "@miragejs/graphql": ^0.1.13
     "@nivo/bar": ^0.79.1
-Original file line number
+Diff line change
@@ Expand Up / @@ -429,6 +429,7 @@ enum MembershipExternalResourceType { @@
       IRC
       WECHAT
       WHATSAPP
+      LINKEDIN
     }
     type MemberMetadata implements BaseGraphQLObject {
@@ Expand Down @@