mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-25 04:05:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Convert MVideoBody to typescript

Browse source
This commit is contained in:
Will Hunt 2020-10-23 16:31:30 +01:00
parent 646ed4c4d4
commit bbb4c7f801
1 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/components/views/messages/MVideoBody.js → src/components/views/messages/MVideoBody.tsx
View file

@ -16,7 +16,6 @@ limitations under the License.
*/ */
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import MFileBody from './MFileBody'; import MFileBody from './MFileBody';
import {MatrixClientPeg} from '../../../MatrixClientPeg'; import {MatrixClientPeg} from '../../../MatrixClientPeg';
import { decryptFile } from '../../../utils/DecryptFile'; import { decryptFile } from '../../../utils/DecryptFile';
@ -24,23 +23,32 @@ import { _t } from '../../../languageHandler';
import SettingsStore from "../../../settings/SettingsStore"; import SettingsStore from "../../../settings/SettingsStore";
import InlineSpinner from '../elements/InlineSpinner'; import InlineSpinner from '../elements/InlineSpinner';
export default class MVideoBody extends React.Component { interface IProps {
static propTypes = { /* the MatrixEvent to show */
/* the MatrixEvent to show */ mxEvent: any;
mxEvent: PropTypes.object.isRequired, /* called when the video has loaded */
onHeightChanged: () => void;
}
/* called when the video has loaded */ interface IState {
onHeightChanged: PropTypes.func.isRequired, decryptedUrl: string|null,
}; decryptedThumbnailUrl: string|null,
decryptedBlob: Blob|null,
error: string|null,
}
state = { export default class MVideoBody extends React.PureComponent<IProps, IState> {
decryptedUrl: null, constructor(props) {
decryptedThumbnailUrl: null, super(props);
decryptedBlob: null, this.state = {
error: null, decryptedUrl: null,
}; decryptedThumbnailUrl: null,
decryptedBlob: null,
error: null,
}
}
thumbScale(fullWidth, fullHeight, thumbWidth, thumbHeight) { thumbScale(fullWidth: number, fullHeight: number, thumbWidth: number, thumbHeight: number) {
if (!fullWidth || !fullHeight) { if (!fullWidth || !fullHeight) {
// Cannot calculate thumbnail height for image: missing w/h in metadata. We can't even // Cannot calculate thumbnail height for image: missing w/h in metadata. We can't even
// log this because it's spammy // log this because it's spammy
@ -61,7 +69,7 @@ export default class MVideoBody extends React.Component {
} }
} }
_getContentUrl() { _getContentUrl(): string {
const content = this.props.mxEvent.getContent(); const content = this.props.mxEvent.getContent();
if (content.file !== undefined) { if (content.file !== undefined) {
return this.state.decryptedUrl; return this.state.decryptedUrl;
@ -70,7 +78,7 @@ export default class MVideoBody extends React.Component {
} }
} }
_getThumbUrl() { _getThumbUrl(): string|null {
const content = this.props.mxEvent.getContent(); const content = this.props.mxEvent.getContent();
if (content.file !== undefined) { if (content.file !== undefined) {
return this.state.decryptedThumbnailUrl; return this.state.decryptedThumbnailUrl;