mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
signal-desktop/ts/components/ContactListItem.md
Scott Nonnenberg dc11db92f9 New React component: Message 
Also: Use react to render contects on the 'show group members' screen
2018-07-17 15:53:33 -07:00

1.7 KiB
Raw Blame History

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')}
/>