mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-03-01 10:56:13 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Loading screens & layouts

Browse Source
This commit is contained in:
Sebastien Castiel
2023-12-06 12:22:24 -05:00
parent ed55c696cd
commit 6c4ced0f79
12 changed files with 104 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/group-form.tsx
View File

@@ -1,4 +1,5 @@
'use client'
import { SubmitButton } from '@/components/submit-button'
import { Button } from '@/components/ui/button'
import {
Card,
@@ -25,7 +26,7 @@ import { useFieldArray, useForm } from 'react-hook-form'
export type Props = {
group?: NonNullable<Awaited<ReturnType<typeof getGroup>>>
onSubmit: (groupFormValues: GroupFormValues) => void
onSubmit: (groupFormValues: GroupFormValues) => Promise<void>
}
export function GroupForm({ group, onSubmit }: Props) {
@@ -49,8 +50,8 @@ export function GroupForm({ group, onSubmit }: Props) {
return (
<Form {...form}>
<form
onSubmit={form.handleSubmit((values) => {
onSubmit(values)
onSubmit={form.handleSubmit(async (values) => {
await onSubmit(values)
})}
className="space-y-8"
>
@@ -129,7 +130,7 @@ export function GroupForm({ group, onSubmit }: Props) {
</CardFooter>
</Card>
<Button type="submit">Submit</Button>
<SubmitButton loadingContent="Submitting…">Submit</SubmitButton>
</form>
</Form>
)