add refetch

pluralsh · Oct 18, 2024 · aff4998 · aff4998
1 parent 4ba3ef4
commit aff4998
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx
@@ -25,12 +25,14 @@ export function EditPluralOIDCClientModal({
   instanceName,
   provider,
   insideModal = false,
+  refetch,
 }: {
   open: boolean
   onClose: () => void
   instanceName: string
   provider?: OidcProviderFragment
   insideModal?: boolean
+  refetch: () => void
 }) {
   return (
     <Modal
@@ -43,6 +45,7 @@ export function EditPluralOIDCClientModal({
       <EditPluralOIDCClient
         onClose={onClose}
         provider={provider}
+        refetch={refetch}
       />
     </Modal>
   )
@@ -51,9 +54,11 @@ export function EditPluralOIDCClientModal({
 function EditPluralOIDCClient({
   onClose,
   provider,
+  refetch,
 }: {
   onClose: () => void
   provider?: OidcProviderFragment
+  refetch: () => void
 }) {
   const theme = useTheme()
   const [name, setName] = useState(provider?.name ?? '')
@@ -92,7 +97,8 @@ function EditPluralOIDCClient({
   const onCompleted = useCallback(() => {
     // TODO: How to show client ID and client secret?
     onClose()
-  }, [onClose])
+    refetch()
+  }, [onClose, refetch])
 
   const [mutation, { loading, error }] = !provider
     ? useCreateProviderMutation({ variables: { attributes }, onCompleted })

diff --git a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClients.tsx b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClients.tsx
@@ -73,6 +73,7 @@ export function EditPluralOIDCClientsModal({
 type TableMetaT = {
   instanceName: string
   insideModal?: boolean
+  refetch: () => void
 }
 
 const columnHelper = createColumnHelper<OidcProviderFragment>()
@@ -110,7 +111,8 @@ const columns = [
     meta: { gridTemplate: 'max-content' },
     cell: function Cell({ row: { original: provider }, table }) {
       const [editOpen, setEditOpen] = useState(false)
-      const { instanceName, insideModal } = table.options.meta as TableMetaT
+      const { instanceName, insideModal, refetch } = table.options
+        .meta as TableMetaT
 
       return (
         <>
@@ -125,6 +127,7 @@ const columns = [
             instanceName={instanceName}
             insideModal={insideModal}
             provider={provider}
+            refetch={refetch}
           />
         </>
       )
@@ -141,7 +144,7 @@ export function EditPluralOIDCClients({
 }) {
   const theme = useTheme()
   const [createOpen, setCreateOpen] = useState(false)
-  const { data, loading, pageInfo, setVirtualSlice, fetchNextPage } =
+  const { data, loading, pageInfo, setVirtualSlice, fetchNextPage, refetch } =
     useFetchPaginatedData(
       { queryHook: useOidcProvidersQuery, keyPath: ['oidcProviders'] },
       {}
@@ -183,7 +186,7 @@ export function EditPluralOIDCClients({
           onVirtualSliceChange={setVirtualSlice}
           reactVirtualOptions={DEFAULT_REACT_VIRTUAL_OPTIONS}
           reactTableOptions={{
-            meta: { instanceName, insideModal } as TableMetaT,
+            meta: { instanceName, insideModal, refetch } as TableMetaT,
           }}
           style={{
             border: 'none',