mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 03:12:29 +00:00
190041fc5a
Show GIF menu in reactions menu Search GIFs using the GIPHY API Show GIFs as images in chat Show GIFs on the thumbnail of the participant that sent it Move GIF focus using up/ down arrows and send with Enter Added analytics
43 lines
798 B
JavaScript
43 lines
798 B
JavaScript
// @flow
|
|
|
|
import { makeStyles } from '@material-ui/styles';
|
|
import React from 'react';
|
|
|
|
type Props = {
|
|
|
|
/**
|
|
* URL of the GIF.
|
|
*/
|
|
url: string
|
|
}
|
|
|
|
const useStyles = makeStyles(() => {
|
|
return {
|
|
container: {
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
overflow: 'hidden',
|
|
maxHeight: '150px',
|
|
|
|
'& img': {
|
|
maxWidth: '100%',
|
|
maxHeight: '100%',
|
|
objectFit: 'contain',
|
|
flexGrow: '1'
|
|
}
|
|
}
|
|
};
|
|
});
|
|
|
|
const GifMessage = ({ url }: Props) => {
|
|
const styles = useStyles();
|
|
|
|
return (<div className = { styles.container }>
|
|
<img
|
|
alt = { url }
|
|
src = { url } />
|
|
</div>);
|
|
};
|
|
|
|
export default GifMessage;
|