chat: copy shortcodes
@@ -148,6 +148,27 @@ export class SettingsScreen extends Component {
</div>
<div className="w-100 pl3 mt4 cf">
<h2 className="f8 pb2">Chat Settings</h2>
+ <div className="w-100 mt3">
+ <p className="f8 mt3 lh-copy">Share</p>
+ <p className="f9 gray2 mb4">Share a shortcode to join this chat</p>
+ <div className="relative w-100 flex"
+ style={{ maxWidth: "29rem" }}>
+ <input
+ className="f8 ba b--gray3 b--gray2-d bg-gray0-d white-d pa3 db w-100 flex-auto mr3"
+ disabled={true}
+ value={props.station.substr(1)}
+ />
+ <span className="f8 pointer green2 absolute pa3 inter"
+ style={{right: 12, top: 1}}
+ ref="copy"
+ onClick={() => {
+ navigator.clipboard.writeText(props.station.substr(1));
+ this.refs.copy.innerText = "Copied";
+ }}>
+ Copy
+ </span>
+ </div>
+ </div>
{this.renderDelete()}
</div>
</div>
