fix: Ensure OIDC provider UI can handle OIDC providers w/o installations

www/package.json

@@ -44,7 +44,7 @@
     "@nivo/geo": "0.83.0",
     "@nivo/line": "0.83.0",
     "@octokit/core": "4.2.1",
-    "@pluralsh/design-system": "3.74.2",
+    "@pluralsh/design-system": "3.74.3",
     "@react-spring/web": "9.7.3",
     "@stripe/react-stripe-js": "2.1.0",
     "@stripe/stripe-js": "1.54.0",

www/src/components/account/Roles.tsx

@@ -66,7 +66,6 @@ function Role({ role, q }: any) {
     <Box
       fill="horizontal"
       direction="row"
-      align="center"
     >
       <Info
         text={role.name}

www/src/components/account/User.tsx

@@ -45,7 +45,7 @@ export function UserInfo({
         size="xsmall"
         hue={hue}
       />
-      <Box>
+      <Box align="start">
         <Span fontWeight="bold">{name}</Span>
         <Span
           color="text-light"

www/src/components/account/billing/queries.ts

@@ -23,61 +23,6 @@ export const PLATFORM_PLANS_QUERY = gql`
   }
 `
 
-export const SUBSCRIPTION_QUERY = gql`
-  query Subscription {
-    account {
-      billingCustomerId
-      grandfatheredUntil
-      delinquentAt
-      userCount
-      clusterCount
-      trialed
-      availableFeatures {
-        userManagement
-        audit
-      }
-      subscription {
-        id
-        trialUntil
-        plan {
-          id
-          period
-          lineItems {
-            dimension
-            cost
-          }
-          name
-        }
-      }
-      billingAddress {
-        name
-        line1
-        line2
-        zip
-        state
-        city
-        country
-      }
-    }
-  }
-`
-
-export const UPDATE_ACCOUNT_BILLING_MUTATION = gql`
-  mutation UpdateAccountBilling($attributes: AccountAttributes!) {
-    updateAccount(attributes: $attributes) {
-      id
-    }
-  }
-`
-
-export const UPGRADE_TO_PROFESSIONAL_PLAN_MUTATION = gql`
-  mutation UpgradeToProfessionalPlan($planId: ID!) {
-    createPlatformSubscription(planId: $planId) {
-      id
-    }
-  }
-`
-
 export const DOWNGRADE_TO_FREE_PLAN_MUTATION = gql`
   mutation DowngradeToFreePlanMutation {
     deletePlatformSubscription {

www/src/components/account/queries.ts

@@ -5,7 +5,6 @@ import {
   DnsDomainFragment,
   DnsRecordFragment,
   InviteFragment,
-  OidcLoginFragment,
 } from '../../models/account'
 import { PageInfo } from '../../models/misc'
 import {
@@ -82,15 +81,6 @@ export const SEARCH_GROUPS = gql`
   ${GroupFragment}
 `
 
-export const EDIT_USER = gql`
-  mutation UpdateUser($id: ID, $attributes: UserAttributes!) {
-    updateUser(id: $id, attributes: $attributes) {
-      ...UserFragment
-    }
-  }
-  ${UserFragment}
-`
-
 export const CREATE_INVITE = gql`
   mutation CreateInvite($attributes: InviteAttributes!) {
     createInvite(attributes: $attributes) {
@@ -187,41 +177,6 @@ export const AUDITS_Q = gql`
   ${AuditFragment}
 `
 
-export const LOGINS_Q = gql`
-  query Logins($cursor: String) {
-    oidcLogins(first: 50, after: $cursor) {
-      pageInfo {
-        ...PageInfo
-      }
-      edges {
-        node {
-          ...OidcLoginFragment
-        }
-      }
-    }
-  }
-  ${PageInfo}
-  ${OidcLoginFragment}
-`
-
-export const AUDIT_METRICS = gql`
-  query {
-    auditMetrics {
-      country
-      count
-    }
-  }
-`
-
-export const LOGIN_METRICS = gql`
-  query {
-    loginMetrics {
-      country
-      count
-    }
-  }
-`
-
 export const IMPERSONATE_SERVICE_ACCOUNT = gql`
   mutation Impersonate($id: ID) {
     impersonateServiceAccount(id: $id) {

www/src/components/app/oidc/OIDC.tsx

@@ -1,4 +1,3 @@
-import { useMutation } from '@apollo/client'
 import {
   Card,
   CheckIcon,
@@ -33,13 +32,16 @@ import { deepUpdate, updateCache } from '../../../utils/graphql'
 import InviteUserModal from '../../account/invite/InviteUserModal'
 import { BindingInput, fetchGroups, fetchUsers } from '../../account/Typeaheads'
 import { sanitize } from '../../account/utils'
-import { CREATE_PROVIDER, UPDATE_PROVIDER } from '../../oidc/queries'
 import { AuthMethod } from '../../oidc/types'
 import { REPO_Q } from '../../repository/packages/queries'
 import { GqlError } from '../../utils/Alert'
 import CreateGroupModal from '../../utils/group/CreateGroupModal'
 import ImpersonateServiceAccount from '../../utils/ImpersonateServiceAccount'
 import { AppHeaderActions } from '../AppHeaderActions'
+import {
+  useCreateProviderMutation,
+  useUpdateProviderMutation,
+} from '../../../generated/graphql'
 
 export function UrlsInput({ uriFormat = '', urls, setUrls }: any) {
   const [baseScheme, basePath] = ['https://', '/oauth2/callback']
@@ -310,20 +312,20 @@ export function CreateProvider({ installation }: any) {
     authMethod: settings.authMethod || AuthMethod.POST,
   })
   const [bindings, setBindings] = useState([])
-  const [mutation, { loading, error }] = useMutation(CREATE_PROVIDER, {
+  const [mutation, { loading, error }] = useCreateProviderMutation({
     variables: {
       id: installation.id,
       attributes: { ...attributes, bindings: bindings.map(sanitize) },
     },
-    update: (cache, { data: { createOidcProvider } }) =>
+    update: (cache, { data }) =>
       updateCache(cache, {
         query: REPO_Q,
         variables: { repositoryId: installation.repository.id },
         update: (prev) =>
           deepUpdate(
             prev,
             'repository.installation.oidcProvider',
-            () => createOidcProvider
+            () => data?.createOidcProvider
           ),
       }),
   })
@@ -380,7 +382,7 @@ export function UpdateProvider({ installation }: any) {
     ModalSelection.None
   )
 
-  const [mutation, { loading, error }] = useMutation(UPDATE_PROVIDER, {
+  const [mutation, { loading, error }] = useUpdateProviderMutation({
     variables: {
       id: installation.id,
       attributes: {

www/src/components/audits/queries.ts

@@ -1,25 +1,8 @@
 import { gql } from '@apollo/client'
 
-import { AuditFragment, OidcLoginFragment } from '../../models/account'
+import { OidcLoginFragment } from '../../models/account'
 import { PageInfo } from '../../models/misc'
 
-export const AUDITS_Q = gql`
-  query Audits($cursor: String) {
-    audits(first: 50, after: $cursor) {
-      pageInfo {
-        ...PageInfo
-      }
-      edges {
-        node {
-          ...AuditFragment
-        }
-      }
-    }
-  }
-  ${PageInfo}
-  ${AuditFragment}
-`
-
 export const LOGINS_Q = gql`
   query Logins($cursor: String) {
     oidcLogins(first: 50, after: $cursor) {