crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rename copied to didCopy in Code state

Browse Source
This commit is contained in:
August Skare 2018-11-19 09:05:22 +01:00
parent 62706d83c4
commit cd333e0977
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/dev-tools-pages/ts/components/Code.tsx
View File

@ -24,7 +24,7 @@ interface CodeProps {
interface CodeState {
hlCode?: string;
copied?: boolean;
didCopy?: boolean;
}
const Button = styled(BaseButton)`
@ -170,7 +170,7 @@ class Code extends React.Component<CodeProps, CodeState> {
) : null}
</Base>
{navigator.userAgent !== 'ReactSnap' && canCopy ? (
<Button onClick={this._handleCopyAsync}>{this.state.copied ? 'Copied' : 'Copy'}</Button>
<Button onClick={this._handleCopyAsync}>{this.state.didCopy ? 'Copied' : 'Copy'}</Button>
) : null}
</Container>
);
@ -194,17 +194,17 @@ class Code extends React.Component<CodeProps, CodeState> {
try {
if ('clipboard' in navigator) {
await (navigator as any).clipboard.writeText(this.props.children);
this.setState({ copied: true });
this.setState({ didCopy: true });
} else {
const lastActive = document.activeElement as HTMLElement;
this._code.current.focus();
this._code.current.select();
document.execCommand('copy');
lastActive.focus();
this.setState({ copied: true });
this.setState({ didCopy: true });
}
} catch (error) {
this.setState({ copied: false });
this.setState({ didCopy: false });
}
};
}