extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-01 23:55:44 +02: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 { useParams } from 'react-router-dom';
import {useEffect, useState} from "react"; import {useEffect, useState} from "react";
import {mdiContentCopy} from "@mdi/js";
import * as identity from "./api/identity"; import * as identity from "./api/identity";
const RegistrationForm = (props) => { const RegistrationForm = (props) => {
@ -70,6 +72,16 @@ const NoAccountRequest = () => {
} }
const Success = (props) => { 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. // clear local storage on new account registration success.
localStorage.clear(); localStorage.clear();
@ -83,7 +95,7 @@ const Success = (props) => {
<p>To enable your shell for zrok, use this command:</p> <p>To enable your shell for zrok, use this command:</p>
<pre> <pre>
$ zrok enable {props.token} $ <span id={"zrok-enable-command"}>zrok enable {props.token}</span> <Icon path={mdiContentCopy} size={0.7} onClick={handleCopy}/>
</pre> </pre>
</div> </div>
) )