From faca83bf84744d5236e6a9282dd3cc4c9c16a35a Mon Sep 17 00:00:00 2001
From: Marcin Maciaszczyk <marcin9yk@icloud.com>
Date: Fri, 18 Oct 2024 16:39:54 +0200
Subject: [PATCH] add client id and secret

---
 .../plural-cloud/EditPluralOIDCClient.tsx     | 38 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx
index aca922e9d..61cc1d214 100644
--- a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx
+++ b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx
@@ -1,4 +1,12 @@
-import { Button, Chip, FormField, Input, Modal } from '@pluralsh/design-system'
+import {
+  Button,
+  Chip,
+  Codeline,
+  Divider,
+  FormField,
+  Input,
+  Modal,
+} from '@pluralsh/design-system'
 import {
   InputMaybe,
   OidcAttributes,
@@ -116,7 +124,7 @@ function EditPluralOIDCClient({
     refetch()
   }, [onClose, refetch])
 
-  const [mutation, { loading, error }] = m({
+  const [mutation, { data, loading, error }] = m({
     variables: { id: provider?.id, attributes },
     onCompleted,
   })
@@ -136,6 +144,32 @@ function EditPluralOIDCClient({
           gap: theme.spacing.small,
         }}
       >
+        <FormField label="Client ID">
+          <Codeline
+            displayText={
+              provider?.clientId ??
+              'A client ID will be generated upon creation'
+            }
+          >
+            {provider?.clientId}
+          </Codeline>
+        </FormField>
+        <FormField label="Client secret">
+          <Codeline
+            displayText={
+              provider?.clientSecret
+                ? '•••••••••••••••••••••'
+                : 'A client secret will be generated upon creation'
+            }
+          >
+            {provider?.clientSecret}
+          </Codeline>
+        </FormField>
+        <Divider
+          backgroundColor="border-fill-two"
+          marginTop="medium"
+          marginBottom="medium"
+        />
         <FormField
           label="Name"
           required