import React, { Component } from 'react'; import AudioReactRecorder from 'audio-react-recorder'; import MicIcon from '@material-ui/icons/Mic'; import CheckIcon from '@material-ui/icons/Check'; import CloseIcon from '@material-ui/icons/Close'; import AttachmentIcon from '@material-ui/icons/Attachment'; import TextField from '@material-ui/core/TextField'; import SendIcon from '@material-ui/icons/Send'; import './ChatInputs.scss'; export default class ChatInputs extends Component { render(){ const {onStop,stop,start,recordState,cancel,typeText,message,sendMessage,addFile,file} = this.props; return (
{/* { recordState ? : null } */}
addFile(e)}/>
{/* */} typeText(e)} multiline />
{ (recordState === null && message === '' && file === null) || (recordState && recordState.url && message === '' && file === null) ?
: null } { message !== '' || file !== null?
sendMessage()}>
: null } { recordState === 'start' ? <>
: null }
); } }