123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- import { makeStyles } from "@material-ui/core/styles";
- import { timeStamp } from '../../../../../../helpers'
- import AudioPlayer from "../../Players/AudioPlayer";
- const useStyles = makeStyles({
- container: {
- display: "flex",
- justifyContent: "flex-end",
- width:'auto',
- maxWidth: '80%',
- marginBottom:15
- },
- playerWrapper: {
- position: 'relative',
- width: 300
- },
- time: {
- position: "absolute",
- fontSize: ".65em",
- fontWeight:600,
- bottom: -5,
- right: -5,
- color: '#ffffff',
- backgroundColor: '#3a3a3a',
- padding: 3,
- borderRadius:5
- },
- });
- interface IMessageRightAudio {
- audioUrl:string,
- updatedAt: string,
- audio:any,
- setAudio: any,
- i:number
- }
- const MessageRightAudio = ({ audioUrl,updatedAt,audio,setAudio,i }:IMessageRightAudio) => {
- const classes = useStyles();
- return (
- <div className={classes.container}>
- <div className={classes.playerWrapper}>
- <div className={classes.time}>{timeStamp(updatedAt)}</div>
- <AudioPlayer audio={audio} setAudio={setAudio} i={i} src={`http://localhost:3000/${audioUrl}`}/>
- </div>
- </div>
- )};
- export default MessageRightAudio
|