RecordingPreview
The RecordingPreview component is a subcomponent that is part of all preset themes. It is used to render a preview when the user has recorded a voice message.
Our preset themes pass the following props to the RecordingPreview component. You can change the props it receives by updating the places in the theme where the component is invoked.
| Name | Type | Description |
|---|---|---|
| audioProgress | number | Playback progress of the audio file |
| isPlayingAudio | boolean | Whether the player is currently playing audio |
| layout | "tall" | "rgular" | Layout of the message field, determines how much vertical space to take up |
| errorMessage | string | nil | Error message to display if there was a playback issue |
| uploadState | "pending" | "done" | nil | The upload state while uploading the recording |
In our preset themes, the RecordingPreview subcomponent is rendered inside the MessageField. System components available to the MessageField are also available in this component.