Voice notes drafts
This commit is contained in:
parent
356fb301e1
commit
99015d7b96
48 changed files with 2113 additions and 909 deletions
57
ts/components/CompositionRecording.stories.tsx
Normal file
57
ts/components/CompositionRecording.stories.tsx
Normal file
|
@ -0,0 +1,57 @@
|
|||
// Copyright 2023 Signal Messenger, LLC
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { CompositionRecording } from './CompositionRecording';
|
||||
|
||||
import { setupI18n } from '../util/setupI18n';
|
||||
import enMessages from '../../_locales/en/messages.json';
|
||||
|
||||
const i18n = setupI18n('en', enMessages);
|
||||
|
||||
export default {
|
||||
title: 'components/CompositionRecording',
|
||||
component: CompositionRecording,
|
||||
};
|
||||
|
||||
export function Default(): JSX.Element {
|
||||
const [active, setActive] = useState(false);
|
||||
|
||||
const cancel = action('cancel');
|
||||
const send = action('send');
|
||||
|
||||
const handleActivate = () => {
|
||||
setActive(true);
|
||||
};
|
||||
|
||||
const handleCancel = () => {
|
||||
cancel();
|
||||
setActive(false);
|
||||
};
|
||||
const handleSend = () => {
|
||||
send();
|
||||
setActive(false);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
{!active && (
|
||||
<button type="button" onClick={handleActivate}>
|
||||
Activate
|
||||
</button>
|
||||
)}
|
||||
{active && (
|
||||
<CompositionRecording
|
||||
i18n={i18n}
|
||||
conversationId="convo-id"
|
||||
onCancel={handleCancel}
|
||||
onSend={handleSend}
|
||||
errorRecording={_ => action('error')()}
|
||||
addAttachment={action('addAttachment')}
|
||||
completeRecording={action('completeRecording')}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue