aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/animations/index.tsx10
-rw-r--r--packages/dev-tools-pages/ts/components/code.tsx4
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);