From 122d00465b5a7c7f75e4fb46eafdc812ff1759e6 Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Wed, 5 Feb 2025 14:46:45 -0500
Subject: [PATCH] access panel tweaks (#724)

---
 ui/src/AccessPanel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/AccessPanel.tsx b/ui/src/AccessPanel.tsx
index 40b95c6a..7a611344 100644
--- a/ui/src/AccessPanel.tsx
+++ b/ui/src/AccessPanel.tsx
@@ -87,10 +87,10 @@ const AccessPanel = ({ access }: AccessPanelProps) => {
                     <Grid2 >
                         <Grid2 container sx={{ flexGrow: 1 }} alignItems="center">
                             <Grid2 display="flex"><AccessIcon sx={{ fontSize: 30, mr: 0.5 }}/></Grid2>
-                            <Grid2 display="flex" component="h3">{String(access.data.label)}</Grid2>
+                            <Grid2 display="flex" component="h3">{ access.data.bindAddress ? access.data.bindAddress : String(access.data.label)}</Grid2>
                         </Grid2>
                         <Grid2 container sx={{ flexGrow: 1, mt: 0, mb: 2, p: 0 }} alignItems="center">
-                            <h5 style={{ margin: 0 }}>A private access frontend <code>{access.id}</code>{detail && detail.bindAddress ? <span> at <code>{detail.bindAddress}</code></span> : null}</h5>
+                            <h5 style={{ margin: 0 }}>A private access frontend {detail && detail.bindAddress ? <span>at <code>{detail.bindAddress}</code></span> : <span>with frontend token {detail?.frontendToken}</span>}</h5>
                         </Grid2>
                         { limited ? <BandwidthLimitedWarning /> : null }
                         <Grid2 container sx={{ flexGrow: 1, mb: 3 }} alignItems="left">