You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
session-desktop/ts/components/ContactListItem.md

1.7 KiB

It's me!

<ContactListItem
  i18n={util.i18n}
  isMe
  name="Someone 🔥 Somewhere"
  phoneNumber="(202) 555-0011"
  verified
  profileName="🔥Flames🔥"
  avatarPath={util.gifObjectUrl}
  onClick={() => console.log('onClick')}
/>

With name and profile

<ContactListItem
  i18n={util.i18n}
  name="Someone 🔥 Somewhere"
  phoneNumber="(202) 555-0011"
  profileName="🔥Flames🔥"
  avatarPath={util.gifObjectUrl}
  onClick={() => console.log('onClick')}
/>

With name and profile, verified

<ContactListItem
  i18n={util.i18n}
  name="Someone 🔥 Somewhere"
  phoneNumber="(202) 555-0011"
  profileName="🔥Flames🔥"
  verified
  avatarPath={util.gifObjectUrl}
  onClick={() => console.log('onClick')}
/>

With name and profile, no avatar

<ContactListItem
  i18n={util.i18n}
  name="Someone 🔥 Somewhere"
  color="teal"
  phoneNumber="(202) 555-0011"
  profileName="🔥Flames🔥"
  onClick={() => console.log('onClick')}
/>

Profile, no name, no avatar

<ContactListItem
  i18n={util.i18n}
  phoneNumber="(202) 555-0011"
  profileName="🔥Flames🔥"
  onClick={() => console.log('onClick')}
/>

Verified, profile, no name, no avatar

<ContactListItem
  i18n={util.i18n}
  phoneNumber="(202) 555-0011"
  profileName="🔥Flames🔥"
  verified
  onClick={() => console.log('onClick')}
/>

No name, no profile, no avatar

<ContactListItem
  i18n={util.i18n}
  phoneNumber="(202) 555-0011"
  onClick={() => console.log('onClick')}
/>

Verified, no name, no profile, no avatar

<ContactListItem
  i18n={util.i18n}
  phoneNumber="(202) 555-0011"
  verified
  onClick={() => console.log('onClick')}
/>