98 lines
2.7 KiB
TypeScript
98 lines
2.7 KiB
TypeScript
// Copyright 2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import { times, range } from 'lodash';
|
|
import { storiesOf } from '@storybook/react';
|
|
import { setupI18n } from '../util/setupI18n';
|
|
import enMessages from '../../_locales/en/messages.json';
|
|
import { getDefaultConversation } from '../test-both/helpers/getDefaultConversation';
|
|
|
|
import { CallingPreCallInfo, RingMode } from './CallingPreCallInfo';
|
|
|
|
const i18n = setupI18n('en', enMessages);
|
|
const getDefaultGroupConversation = () =>
|
|
getDefaultConversation({
|
|
name: 'Tahoe Trip',
|
|
phoneNumber: undefined,
|
|
profileName: undefined,
|
|
title: 'Tahoe Trip',
|
|
type: 'group',
|
|
});
|
|
const otherMembers = times(6, () => getDefaultConversation());
|
|
|
|
const story = storiesOf('Components/CallingPreCallInfo', module);
|
|
|
|
story.add('Direct conversation', () => (
|
|
<CallingPreCallInfo
|
|
conversation={getDefaultConversation()}
|
|
i18n={i18n}
|
|
me={getDefaultConversation()}
|
|
ringMode={RingMode.WillRing}
|
|
/>
|
|
));
|
|
|
|
times(5, numberOfOtherPeople => {
|
|
[true, false].forEach(willRing => {
|
|
story.add(
|
|
`Group conversation, group has ${numberOfOtherPeople} other member${
|
|
numberOfOtherPeople === 1 ? '' : 's'
|
|
}, will ${willRing ? 'ring' : 'notify'}`,
|
|
() => (
|
|
<CallingPreCallInfo
|
|
conversation={getDefaultGroupConversation()}
|
|
groupMembers={otherMembers.slice(0, numberOfOtherPeople)}
|
|
i18n={i18n}
|
|
me={getDefaultConversation()}
|
|
peekedParticipants={[]}
|
|
ringMode={willRing ? RingMode.WillRing : RingMode.WillNotRing}
|
|
/>
|
|
)
|
|
);
|
|
});
|
|
});
|
|
|
|
range(1, 5).forEach(numberOfOtherPeople => {
|
|
story.add(
|
|
`Group conversation, ${numberOfOtherPeople} peeked participant${
|
|
numberOfOtherPeople === 1 ? '' : 's'
|
|
}`,
|
|
() => (
|
|
<CallingPreCallInfo
|
|
conversation={getDefaultGroupConversation()}
|
|
groupMembers={otherMembers}
|
|
i18n={i18n}
|
|
me={getDefaultConversation()}
|
|
peekedParticipants={otherMembers.slice(0, numberOfOtherPeople)}
|
|
ringMode={RingMode.WillRing}
|
|
/>
|
|
)
|
|
);
|
|
});
|
|
|
|
story.add('Group conversation, you on an other device', () => {
|
|
const me = getDefaultConversation();
|
|
return (
|
|
<CallingPreCallInfo
|
|
conversation={getDefaultGroupConversation()}
|
|
groupMembers={otherMembers}
|
|
i18n={i18n}
|
|
me={me}
|
|
peekedParticipants={[me]}
|
|
ringMode={RingMode.WillRing}
|
|
/>
|
|
);
|
|
});
|
|
|
|
story.add('Group conversation, call is full', () => (
|
|
<CallingPreCallInfo
|
|
conversation={getDefaultGroupConversation()}
|
|
groupMembers={otherMembers}
|
|
i18n={i18n}
|
|
isCallFull
|
|
me={getDefaultConversation()}
|
|
peekedParticipants={otherMembers}
|
|
ringMode={RingMode.WillRing}
|
|
/>
|
|
));
|