diff --git a/www/src/components/overview/clusters/plural-cloud/ConsoleInstanceOIDC.tsx b/www/src/components/overview/clusters/plural-cloud/ConsoleInstanceOIDC.tsx
index 10908476b..c3c1d2c11 100644
--- a/www/src/components/overview/clusters/plural-cloud/ConsoleInstanceOIDC.tsx
+++ b/www/src/components/overview/clusters/plural-cloud/ConsoleInstanceOIDC.tsx
@@ -6,6 +6,7 @@ import {
FormField,
Modal,
PeopleIcon,
+ Spinner,
} from '@pluralsh/design-system'
import {
BindingInput,
@@ -21,11 +22,11 @@ import {
InputMaybe,
OidcAuthMethod,
OidcProviderBinding,
- useRepositoryQuery,
+ useRepositorySuspenseQuery,
useUpdateOidcProviderMutation,
} from 'generated/graphql'
import { isEmpty } from 'lodash'
-import { useState } from 'react'
+import { Suspense, useState } from 'react'
import { useTheme } from 'styled-components'
export function ConsoleInstanceOIDC({
@@ -36,31 +37,40 @@ export function ConsoleInstanceOIDC({
const [open, setOpen] = useState(false)
return (
-
+ }
>
- <>
- }
- onClick={() => setOpen(true)}
- >
- OIDC
-
- e.preventDefault()}
- open={open}
- onClose={() => setOpen(false)}
- size="large"
- >
-
+ <>
+ }
+ onClick={() => setOpen(true)}
+ >
+ OIDC
+
+ e.preventDefault()}
+ open={open}
onClose={() => setOpen(false)}
- />
-
- >
-
+ size="large"
+ >
+ setOpen(false)}
+ />
+
+ >
+
+
)
}
@@ -71,24 +81,18 @@ function ConsoleInstanceOIDCInner({
instance: ConsoleInstanceFragment
onClose: () => void
}) {
- const [bindings, setBindings] = useState([])
- const [redirectUris, setRedirectUris] = useState[]>([])
-
- const {
- data,
- loading: loadingRepo,
- error: errorRepo,
- } = useRepositoryQuery({
+ const { data, error: errorRepo } = useRepositorySuspenseQuery({
variables: { name: 'console' },
fetchPolicy: 'cache-and-network',
- onCompleted: (data) => {
- setBindings(data?.repository?.installation?.oidcProvider?.bindings)
- setRedirectUris(
- data?.repository?.installation?.oidcProvider?.redirectUris ?? []
- )
- },
})
+ const [bindings, setBindings] = useState(
+ data.repository?.installation?.oidcProvider?.bindings ?? []
+ )
+ const [redirectUris, setRedirectUris] = useState[]>(
+ data.repository?.installation?.oidcProvider?.redirectUris ?? []
+ )
+
const installation = data?.repository?.installation
const provider = installation?.oidcProvider
@@ -109,7 +113,7 @@ function ConsoleInstanceOIDCInner({
onCompleted: onClose,
})
- if (!provider?.bindings || loadingRepo || errorRepo) return null
+ if (!provider?.bindings || errorRepo) return Something went wrong.
return (