+ );
+}
diff --git a/packages/webapp/src/pages/ConnectionDetails.tsx b/packages/webapp/src/pages/ConnectionDetails.tsx
index 6b7937036f..da278420da 100644
--- a/packages/webapp/src/pages/ConnectionDetails.tsx
+++ b/packages/webapp/src/pages/ConnectionDetails.tsx
@@ -8,6 +8,8 @@ import { HelpCircle } from '@geist-ui/icons';
import { useGetConnectionDetailsAPI, useDeleteConnectionAPI } from '../utils/api';
import DashboardLayout from '../layout/DashboardLayout';
import { LeftNavBarItems } from '../components/LeftNavBar';
+import SecretInput from '../components/ui/SecretInput';
+import PrismPlus from '../components/ui/prism/PrismPlus';
interface Connection {
id: number;
@@ -161,9 +163,8 @@ We could not retrieve and/or refresh your access token due to the following erro
-
- {connection.accessToken}
-
+
+
)}
@@ -183,9 +184,7 @@ We could not retrieve and/or refresh your access token due to the following erro
-
- {connection.refreshToken}
-
+
)}
@@ -195,9 +194,7 @@ We could not retrieve and/or refresh your access token due to the following erro
-
- {connection.oauthToken}
-
+
)}
@@ -207,9 +204,7 @@ We could not retrieve and/or refresh your access token due to the following erro
-
- {connection.oauthTokenSecret}
-
+
)}
@@ -238,14 +233,13 @@ We could not retrieve and/or refresh your access token due to the following erro
-
+
{JSON.stringify(connection.rawCredentials, null, 4) || '{}'}
-
+
)}
-
{serverErrorMessage && (