clipboard text (#724)

openziti · Feb 5, 2025 · 98aae8f · 98aae8f
1 parent 3261c4c
commit 98aae8f
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 2 deletions.
diff --git a/ui/src/AccessPanel.tsx b/ui/src/AccessPanel.tsx
@@ -2,12 +2,13 @@ import {Node} from "@xyflow/react";
 import {Button, Grid2, Tooltip, Typography} from "@mui/material";
 import AccessIcon from "@mui/icons-material/Lan";
 import useApiConsoleStore from "./model/store.ts";
-import {useEffect, useState} from "react";
+import React, {useEffect, useState} from "react";
 import {Frontend} from "./api";
 import DeleteIcon from "@mui/icons-material/Delete";
 import PropertyTable from "./PropertyTable.tsx";
 import ReleaseAccessModal from "./ReleaseAccessModal.tsx";
 import {getMetadataApi} from "./model/api.ts";
+import ClipboardText from "./ClipboardText.tsx";
 
 interface AccessPanelProps {
     access: Node;
@@ -38,6 +39,36 @@ const AccessPanel = ({ access }: AccessPanelProps) => {
     }, [access]);
 
     const customProperties = {
+        bindAddress: row => <>
+            <Grid2 container sx={{ flexGrow: 1 }} alignItems="center">
+                <Grid2 display="flex" justifyContent="left">
+                    <span>{row.value}</span>
+                </Grid2>
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
+                    <ClipboardText text={row.value} />
+                </Grid2>
+            </Grid2>
+        </>,
+        frontendToken: row => <>
+            <Grid2 container sx={{ flexGrow: 1 }} alignItems="center">
+                <Grid2 display="flex" justifyContent="left">
+                    <span>{row.value}</span>
+                </Grid2>
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
+                    <ClipboardText text={row.value} />
+                </Grid2>
+            </Grid2>
+        </>,
+        shareToken: row => <>
+            <Grid2 container sx={{ flexGrow: 1 }} alignItems="center">
+                <Grid2 display="flex" justifyContent="left">
+                    <span>{row.value}</span>
+                </Grid2>
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
+                    <ClipboardText text={row.value} />
+                </Grid2>
+            </Grid2>
+        </>,
         createdAt: row => new Date(row.value).toLocaleString(),
         updatedAt: row => new Date(row.value).toLocaleString(),
     }

diff --git a/ui/src/SharePanel.tsx b/ui/src/SharePanel.tsx
@@ -48,7 +48,7 @@ const SharePanel = ({ share }: SharePanelProps) => {
             </Grid2>
         </>,
         reserved: row => row.value ? "reserved" : "ephemeral",
-        token: row => <>
+        shareToken: row => <>
             <Grid2 container sx={{ flexGrow: 1 }} alignItems="center">
                 <Grid2 display="flex" justifyContent="left">
                     <span>{row.value}</span>