Show when member was created

packages/ui/src/memberships/components/MemberListItem/components/MemberCreated.tsx

@@ -9,12 +9,13 @@ export interface MemberCreatedProps {
 }
 
 export const MemberCreated = React.memo(({ member }: MemberCreatedProps) => {
+ const { entry, createdAt } = member
+ const block = entry.type === 'genesis' ? { number: 0, timestamp: createdAt } : entry.block
+
  return (
  <MemeberCreated>
- <MemberCreatedDate>{new Date(member.createdAt).toLocaleDateString('en-GB')}</MemberCreatedDate>
- {member.entry && member.entry.type !== 'genesis' && (
- <MemberCreatedBlock>{member.entry.block.number} block</MemberCreatedBlock>
- )}
+ <MemberCreatedDate>{new Date(block.timestamp).toLocaleDateString('en-GB')}</MemberCreatedDate>
+ <MemberCreatedBlock>{block.number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')} block</MemberCreatedBlock>
  </MemeberCreated>
  )
 })

packages/ui/src/memberships/queries/members.graphql

@@ -72,6 +72,20 @@ fragment MemberWithDetailsFields on Membership {
  network
  }
  }
+ ... on MembershipEntryGifted {
+ membershipGiftedEvent {
+ createdAt
+ inBlock
+ network
+ }
+ }
+ ... on MembershipEntryMemberCreated {
+ memberCreatedEvent {
+ createdAt
+ inBlock
+ network
+ }
+ }
  ... on MembershipEntryGenesis {
  phantom
  }

packages/ui/src/memberships/types/Member.ts

@@ -46,7 +46,17 @@ export type PaidEntry = {
  block: Block
 }
 
-export type MemberEntry = GenesisEntry | InvitedEntry | PaidEntry
+export type GiftedEntry = {
+ type: 'gifted'
+ block: Block
+}
+
+export type CreatedEntry = {
+ type: 'created'
+ block: Block
+}
+
+export type MemberEntry = GenesisEntry | InvitedEntry | PaidEntry | GiftedEntry | CreatedEntry
 // Temporary fix for: https://github.com/Joystream/pioneer/issues/1493
 export type InvitedMember = Member // & { entry: InvitedEntry }
 

packages/ui/src/memberships/types/casting.ts

@@ -46,8 +46,11 @@ const asMemberEntry = (entry: MemberWithDetailsFieldsFragment['entry']): MemberE
  return { type: 'paid', block: asBlock(entry.membershipBoughtEvent) }
  } else if (entry.__typename === 'MembershipEntryInvited' && entry.memberInvitedEvent) {
  return { type: 'invited', block: asBlock(entry.memberInvitedEvent) }
+ } else if (entry.__typename === 'MembershipEntryGifted' && entry.membershipGiftedEvent) {
+ return { type: 'gifted', block: asBlock(entry.membershipGiftedEvent) }
+ } else if (entry.__typename === 'MembershipEntryMemberCreated' && entry.memberCreatedEvent) {
+ return { type: 'created', block: asBlock(entry.memberCreatedEvent) }
  }
-
  return { type: 'genesis' }
 }