// Copyright 2020-2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { gifUrl } from '../storybook/Fixtures';
import { setup as setupI18n } from '../../js/modules/i18n';
import enMessages from '../../_locales/en/messages.json';
import { ContactListItem } from './ContactListItem';
import { getRandomColor } from '../test-both/helpers/getRandomColor';
const i18n = setupI18n('en', enMessages);
const onClick = action('onClick');
storiesOf('Components/ContactListItem', module)
.add("It's me!", () => {
return (
);
})
.add('With name and profile (note vertical spacing)', () => {
return (
);
})
.add('With name and profile, admin', () => {
return (
);
})
.add('With a group with no avatarPath', () => {
return (
);
})
.add('With just number, admin', () => {
return (
);
})
.add('With name and profile, no avatar', () => {
return (
);
})
.add('Profile, no name, no avatar', () => {
return (
);
})
.add('No name, no profile, no avatar, no about', () => {
return (
);
})
.add('No name, no profile, no avatar', () => {
return (
);
})
.add('No name, no profile, no number', () => {
return (
);
});