diff options
Diffstat (limited to 'packages')
-rw-r--r-- | packages/dev-tools-pages/ts/components/animations/index.tsx | 10 | ||||
-rw-r--r-- | packages/dev-tools-pages/ts/components/code.tsx | 4 |
2 files changed, 7 insertions, 7 deletions
diff --git a/packages/dev-tools-pages/ts/components/animations/index.tsx b/packages/dev-tools-pages/ts/components/animations/index.tsx index c9672db05..8e5421f5c 100644 --- a/packages/dev-tools-pages/ts/components/animations/index.tsx +++ b/packages/dev-tools-pages/ts/components/animations/index.tsx @@ -23,10 +23,10 @@ class BaseAnimation extends React.PureComponent<AnimationProps, AnimationState> private _timeout = undefined as number; public componentDidMount(): void { this._updateAnimationSize(); - window.addEventListener('resize', this._handleResize); + window.addEventListener('resize', this._handleResize.bind(this)); } public componentWillUnmount(): void { - window.removeEventListener('resize', this._handleResize); + window.removeEventListener('resize', this._handleResize.bind(this)); } public render(): React.ReactNode { const { animationData } = this.props; @@ -49,11 +49,11 @@ class BaseAnimation extends React.PureComponent<AnimationProps, AnimationState> </Container> ); } - private readonly _handleResize = () => { + private _handleResize(): void { clearTimeout(this._timeout); - this._timeout = window.setTimeout(this._updateAnimationSize, 50); + this._timeout = window.setTimeout(this._updateAnimationSize.bind(this), 50); } - private readonly _updateAnimationSize = () => { + private _updateAnimationSize(): void { const windowWidth = window.innerWidth; let width; let height; diff --git a/packages/dev-tools-pages/ts/components/code.tsx b/packages/dev-tools-pages/ts/components/code.tsx index dbd1a7e3c..71d7a7752 100644 --- a/packages/dev-tools-pages/ts/components/code.tsx +++ b/packages/dev-tools-pages/ts/components/code.tsx @@ -164,7 +164,7 @@ class Code extends React.Component<CodeProps, CodeState> { ) : null} </Base> {navigator.userAgent !== 'ReactSnap' && canCopy ? ( - <Button onClick={this._handleCopyAsync}>{this.state.didCopy ? 'Copied' : 'Copy'}</Button> + <Button onClick={this._handleCopyAsync.bind(this)}>{this.state.didCopy ? 'Copied' : 'Copy'}</Button> ) : null} </Container> ); @@ -182,7 +182,7 @@ class Code extends React.Component<CodeProps, CodeState> { }); } } - private readonly _handleCopyAsync = async () => { + private async _handleCopyAsync(): Promise<void> { try { if ('clipboard' in navigator) { await (navigator as any).clipboard.writeText(this.props.children); |