markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-04-18 00:21:18 +00:00
Code Releases Packages Activity

NORY-46: move form description above input

Browse source
This commit is contained in:
Markus Thielker 2025-02-25 17:15:23 +01:00
parent 8062432654
commit 8c1e38efda
1 changed files with 25 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
dashboard/src/components/forms/client-form.tsx
View file

@ -106,14 +106,13 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>Client Name</FormLabel> <FormLabel>Client Name</FormLabel>
<FormDescription>
The human-readable name of the client to be presented to the end-user during
authorization.
</FormDescription>
<FormControl> <FormControl>
<Input placeholder="ACME INC SSO" {...field} /> <Input placeholder="ACME INC SSO" {...field} />
</FormControl> </FormControl>
<FormDescription>
The human-readable name of the client to be presented to the end-user
during
authorization.
</FormDescription>
<FormMessage/> <FormMessage/>
</FormItem> </FormItem>
)} )}
@ -124,17 +123,14 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>Scopes</FormLabel> <FormLabel>Scopes</FormLabel>
<FormDescription>
Scope is a string containing a space-separated list of scope values (as
described in Section 3.3 of OAuth 2.0 [RFC6749]) that the client can use
when requesting access tokens.
</FormDescription>
<FormControl> <FormControl>
<Input placeholder="post:read post:write user:read" {...field} /> <Input placeholder="post:read post:write user:read" {...field} />
</FormControl> </FormControl>
<FormDescription>
Scope is a string containing a space-separated list of scope values (as
described in
Section 3.3 of OAuth 2.0 [RFC6749]) that the client can use when
requesting
access
tokens.
</FormDescription>
<FormMessage/> <FormMessage/>
</FormItem> </FormItem>
)} )}
@ -218,13 +214,13 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>Logo URI</FormLabel> <FormLabel>Logo URI</FormLabel>
<FormDescription>
A URL string referencing the client's logo.
</FormDescription>
<FormControl> <FormControl>
<Input <Input
placeholder="https://myapp.example/logo.png" {...field} /> placeholder="https://myapp.example/logo.png" {...field} />
</FormControl> </FormControl>
<FormDescription>
A URL string referencing the client's logo.
</FormDescription>
<FormMessage/> <FormMessage/>
</FormItem> </FormItem>
)} )}
@ -236,18 +232,18 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>Policy URI</FormLabel> <FormLabel>Policy URI</FormLabel>
<FormDescription>
A URL string pointing to a human-readable privacy policy
document
for the client that describes how the deployment organization
collects, uses, retains, and discloses personal data.
</FormDescription>
<FormControl> <FormControl>
<Input <Input
placeholder="https://myapp.example/privacy_policy" placeholder="https://myapp.example/privacy_policy"
{...field} {...field}
/> />
</FormControl> </FormControl>
<FormDescription>
A URL string pointing to a human-readable
privacy policy document for the client that describes how the
deployment organization collects, uses, retains, and discloses
personal data.
</FormDescription>
<FormMessage/> <FormMessage/>
</FormItem> </FormItem>
)} )}
@ -259,16 +255,16 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>Terms URI</FormLabel> <FormLabel>Terms URI</FormLabel>
<FormControl>
<Input
placeholder="https://myapp.example/terms_of_service" {...field} />
</FormControl>
<FormDescription> <FormDescription>
A URL string pointing to a human-readable terms of service A URL string pointing to a human-readable terms of service
document for the client that describes a contractual document for the client that describes a contractual
relationship between the end-user and the client that the relationship between the end-user and the client that the
end-user accepts when authorizing the client. end-user accepts when authorizing the client.
</FormDescription> </FormDescription>
<FormControl>
<Input
placeholder="https://myapp.example/terms_of_service" {...field} />
</FormControl>
<FormMessage/> <FormMessage/>
</FormItem> </FormItem>
)} )}
@ -280,12 +276,12 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>Owner</FormLabel> <FormLabel>Owner</FormLabel>
<FormControl>
<Input placeholder="ACME INC" {...field} />
</FormControl>
<FormDescription> <FormDescription>
Owner is a string identifying the owner of the OAuth 2.0 Client. Owner is a string identifying the owner of the OAuth 2.0 Client.
</FormDescription> </FormDescription>
<FormControl>
<Input placeholder="ACME INC" {...field} />
</FormControl>
<FormMessage/> <FormMessage/>
</FormItem> </FormItem>
)} )}