extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2024-11-22 16:13:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

copy zrok enable command for registration component (#72)

Browse Source
This commit is contained in:
Michael Quigley 2022-10-26 13:39:36 -04:00
parent 447bb2ae90
commit 5a2d5fcbb1
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/Register.js
View File

@ -1,5 +1,7 @@
import Icon from "@mdi/react";
import { useParams } from 'react-router-dom';
import {useEffect, useState} from "react";
import {mdiContentCopy} from "@mdi/js";
import * as identity from "./api/identity";
const RegistrationForm = (props) => {
@ -70,6 +72,16 @@ const NoAccountRequest = () => {
}
const Success = (props) => {
const handleCopy = async () => {
let copiedText = document.getElementById("zrok-enable-command").innerHTML;
try {
await navigator.clipboard.writeText(copiedText);
console.log("copied enable command");
} catch(err) {
console.error("failed to copy", err);
}
}
// clear local storage on new account registration success.
localStorage.clear();
@ -83,7 +95,7 @@ const Success = (props) => {
<p>To enable your shell for zrok, use this command:</p>
<pre>
$ zrok enable {props.token}
$ <span id={"zrok-enable-command"}>zrok enable {props.token}</span> <Icon path={mdiContentCopy} size={0.7} onClick={handleCopy}/>
</pre>
</div>
)