diff --git a/src/__tests__/__snapshots__/App.electron.js.snap b/src/__tests__/__snapshots__/App.electron.js.snap index 07b66508b..745736e6e 100644 --- a/src/__tests__/__snapshots__/App.electron.js.snap +++ b/src/__tests__/__snapshots__/App.electron.js.snap @@ -59,10 +59,10 @@ exports[`Empty app state matches snapshot 1`] = ` className="css-12zzrdt" /> - 4.0.8 - -dev + 4.0.8-dev
({ background: focused @@ -74,8 +75,34 @@ const VersionText = styled(Text)({ color: colors.light50, marginLeft: 4, marginTop: 2, + cursor: 'pointer', + display: 'block', + padding: '4px 10px', + '&:hover': { + backgroundColor: `rgba(0,0,0,0.05)`, + borderRadius: '999em', + }, }); +class Version extends Component<{children: string}, {copied: boolean}> { + state = { + copied: false, + }; + _onClick = () => { + clipboard.writeText(this.props.children); + this.setState({copied: true}); + setTimeout(() => this.setState({copied: false}), 1000); + }; + + render() { + return ( + + {this.state.copied ? 'Copied' : this.props.children} + + ); + } +} + const Importing = styled(FlexRow)({ color: colors.light50, alignItems: 'center', @@ -95,10 +122,7 @@ class TitleBar extends Component { )} - - {this.props.version} - {isProduction() ? '' : '-dev'} - + {this.props.version + (isProduction() ? '' : '-dev')} {isAutoUpdaterEnabled() ? ( diff --git a/src/chrome/__tests__/__snapshots__/TitleBar.electron.js.snap b/src/chrome/__tests__/__snapshots__/TitleBar.electron.js.snap index 647a9190f..5ad168e3a 100644 --- a/src/chrome/__tests__/__snapshots__/TitleBar.electron.js.snap +++ b/src/chrome/__tests__/__snapshots__/TitleBar.electron.js.snap @@ -56,10 +56,10 @@ exports[`TitleBar is rendered 1`] = ` className="css-12zzrdt" /> - 1.0.0 - -dev + 1.0.0-dev