diff --git a/app/forms/idp/create.tsx b/app/forms/idp/create.tsx index 4fa8e10fa..6026beb61 100644 --- a/app/forms/idp/create.tsx +++ b/app/forms/idp/create.tsx @@ -10,6 +10,7 @@ import { useNavigate } from 'react-router-dom' import { useApiMutation, useApiQueryClient } from '@oxide/api' +import { CheckboxField } from '~/components/form/fields/CheckboxField' import { DescriptionField } from '~/components/form/fields/DescriptionField' import { FileField } from '~/components/form/fields/FileField' import { NameField } from '~/components/form/fields/NameField' @@ -17,6 +18,7 @@ import { TextField } from '~/components/form/fields/TextField' import { SideModalForm } from '~/components/form/SideModalForm' import { useSiloSelector } from '~/hooks/use-params' import { addToast } from '~/stores/toast' +import { FormDivider } from '~/ui/lib/Divider' import { readBlobAsBase64 } from '~/util/file' import { pb } from '~/util/path-builder' @@ -59,6 +61,8 @@ export function CreateIdpSideModalForm() { }) const form = useForm({ defaultValues }) + const signedRequestsForm = useForm({ defaultValues: { signedRequests: false } }) + const signedRequests = signedRequestsForm.watch('signedRequests') return ( +

General

- {/* TODO: help text */} - - + + + +

Service provider

{/* TODO: help text */} - {/* TODO: Email field, probably */} - - {/* We don't bother validating that you have both of these or neither even + + Signed requests (optional) + + {signedRequests && ( + <> + {/* We don't bother validating that you have both of these or neither even though the API requires that because we are going to change the API to always require both, at which point these become simple `required` fields */} - - + + + )} + + + +

Identity Provider

+ {/* TODO: help text */} + + +
) }