Bálint Ujvári
519c411db0
* feat: sync and update with all changes from fork * refactor: extract clipboard copy logic into custom hook * fix: correct spelling of DEFAULT_REFRESH_FREQUENCY_MS in Stamps and WalletBalance providers * refactor(ui-tests): replace fixed sleeps with condition-based waits * fix: handle null values for size and granteeCount in infoGroups * fix(lint): add newline at end of file in useClipboardCopy hook * fix(ui-tests): page.goto URL * refactor: update import paths for useClipboardCopy --------- Co-authored-by: Ferenc Sárai <sarai.ferenc@gmail.com>
33 lines
684 B
TypeScript
33 lines
684 B
TypeScript
import { ReactElement } from 'react'
|
|
import { makeStyles } from 'tss-react/mui'
|
|
|
|
const useStyles = makeStyles()(() => ({
|
|
video: {
|
|
width: '100%',
|
|
height: '100%',
|
|
objectFit: 'cover',
|
|
},
|
|
}))
|
|
|
|
interface VideoProps {
|
|
src: string | undefined
|
|
maxHeight?: string
|
|
maxWidth?: string
|
|
}
|
|
|
|
export function FitVideo(props: VideoProps): ReactElement {
|
|
const { classes } = useStyles()
|
|
|
|
const inlineStyles: Record<string, string> = {}
|
|
|
|
if (props.maxHeight) {
|
|
inlineStyles.maxHeight = props.maxHeight
|
|
}
|
|
|
|
if (props.maxWidth) {
|
|
inlineStyles.maxWidth = props.maxWidth
|
|
}
|
|
|
|
return <video className={classes.video} src={props.src} style={inlineStyles} controls />
|
|
}
|