16848: Adds a legend for non-expiring tokens on the get token dialog.

Arvados-DCO-1.1-Signed-off-by: Lucas Di Pentima <lucas@di-pentima.com.ar>

diff --git a/src/views-components/token-dialog/token-dialog.tsx b/src/views-components/token-dialog/token-dialog.tsx
index 60ef360c72e0db5f4cfbda52b120344e3a4f1181..ba3d19425bb927a9ca5e7fc1b1dc4d2b795e53f0 100644 (file)
--- a/src/views-components/token-dialog/token-dialog.tsx
+++ b/src/views-components/token-dialog/token-dialog.tsx
@@ -111,10 +111,12 @@ unset ARVADOS_API_HOST_INSECURE`
                     Paste the following lines at a shell prompt to set up the necessary environment for Arvados SDKs to authenticate to your account.
                 </Typography>
                 <DefaultCodeSnippet lines={[this.getSnippet(data)]} />
+                <Typography component='span'>
                 { data.tokenExpiration
-                    ? <Typography component='span'>Expires at: {data.tokenExpiration.toLocaleString()}</Typography>
-                    : null
+                    ? `Expires at: ${data.tokenExpiration.toLocaleString()}`
+                    : `This token does not have an expiration date`
                 }
+                </Typography>
                 <CopyToClipboard text={this.getSnippet(data)} onCopy={() => this.onCopy('Token copied to clipboard')}>
                     <Button
                         color="primary"