jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ResizeSensor

Browse Source 
Summary: _typescript_

Reviewed By: priteshrnandgaonkar

Differential Revision: D16828871

fbshipit-source-id: d88c65178f0728b40414c9eab66d0402d7d51edd
This commit is contained in:
Daniel Büchele
2019-08-20 03:18:32 -07:00
committed by Facebook Github Bot
parent aee3ab86cf
commit e199ee95d3
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/ui/components/ResizeSensor.js → src/ui/components/ResizeSensor.tsx
View File

@@ -5,8 +5,9 @@
* @format
*/
import styled from '../styled/index.js';
import styled from 'react-emotion';
import {Component} from 'react';
import React from 'react';
const IFrame = styled('iframe')({
height: '100%',
@@ -24,11 +25,11 @@ const IFrame = styled('iframe')({
*/
export default class ResizeSensor extends Component<{
/** Callback when resize happened */
onResize: (e: UIEvent) => void,
onResize: (e: UIEvent) => void;
}> {
iframe: ?HTMLIFrameElement;
iframe: HTMLIFrameElement | undefined;
setRef = (ref: ?HTMLIFrameElement) => {
setRef = (ref: HTMLIFrameElement | undefined) => {
this.iframe = ref;
};
@@ -50,7 +51,7 @@ export default class ResizeSensor extends Component<{
}
}
handleResize = () => {
window.requestAnimationFrame(this.props.onResize);
handleResize = (e: UIEvent) => {
window.requestAnimationFrame(() => this.props.onResize(e));
};
}