optional copy button in code component

This commit is contained in:
August Skare
2018-10-30 08:27:31 +01:00
parent 50c4909f22
commit 5cb944fe1b
2 changed files with 6 additions and 3 deletions

View File

@@ -17,6 +17,7 @@ interface CodeProps {
diff?: boolean;
gutter?: Array<number>;
gutterLength?: number;
copy?: boolean;
}
interface CodeState {
@@ -163,7 +164,7 @@ class Code extends React.Component<CodeProps, CodeState> {
};
render() {
const { language, light, diff, children, gutterLength } = this.props;
const { language, light, diff, children, gutterLength, copy } = this.props;
const { hlCode } = this.state;
let Code = 'code';
@@ -185,7 +186,9 @@ class Code extends React.Component<CodeProps, CodeState> {
<CopyInput readOnly aria-hidden="true" ref={this.code} value={children} />
) : null}
</Base>
{navigator.userAgent !== 'ReactSnap' ? <Button onClick={this.handleCopy}>{this.state.copied ? 'Copied' : 'Copy'}</Button> : null}
{navigator.userAgent !== 'ReactSnap' && copy ? (
<Button onClick={this.handleCopy}>{this.state.copied ? 'Copied' : 'Copy'}</Button>
) : null}
</Container>
);
}