From 8dc4694d641a6427dc924df165f482089d7c051d Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Mon, 15 May 2023 15:39:16 +0000
Subject: [PATCH] fix: use password style for session token auth

---
 site/src/components/CodeExample/CodeExample.tsx | 3 +++
 site/src/pages/CliAuthPage/CliAuthPageView.tsx  | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/site/src/components/CodeExample/CodeExample.tsx b/site/src/components/CodeExample/CodeExample.tsx
index 5c8c17e11e6c5..7d18b286b4c17 100644
--- a/site/src/components/CodeExample/CodeExample.tsx
+++ b/site/src/components/CodeExample/CodeExample.tsx
@@ -11,6 +11,7 @@ export interface CodeExampleProps {
   buttonClassName?: string
   tooltipTitle?: string
   inline?: boolean
+  password?: boolean
 }
 
 /**
@@ -39,6 +40,7 @@ export const CodeExample: FC<React.PropsWithChildren<CodeExampleProps>> = ({
 
 interface styleProps {
   inline?: boolean
+  password?: boolean
 }
 
 const useStyles = makeStyles<Theme, styleProps>((theme) => ({
@@ -61,5 +63,6 @@ const useStyles = makeStyles<Theme, styleProps>((theme) => ({
     display: "flex",
     alignItems: "center",
     wordBreak: "break-all",
+    "-webkit-text-security": (props) => (props.password ? "disc" : undefined),
   },
 }))
diff --git a/site/src/pages/CliAuthPage/CliAuthPageView.tsx b/site/src/pages/CliAuthPage/CliAuthPageView.tsx
index ec6ec7697022b..b3756f74b2492 100644
--- a/site/src/pages/CliAuthPage/CliAuthPageView.tsx
+++ b/site/src/pages/CliAuthPage/CliAuthPageView.tsx
@@ -27,7 +27,7 @@ export const CliAuthPageView: FC<CliAuthPageViewProps> = ({ sessionToken }) => {
         <strong className={styles.lineBreak}>paste it in your terminal</strong>.
       </p>
 
-      <CodeExample code={sessionToken} />
+      <CodeExample code={sessionToken} password />
 
       <div className={styles.links}>
         <Button component={RouterLink} size="large" to="/workspaces" fullWidth>