aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/group-form.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/group-form.tsx')
-rw-r--r--src/components/group-form.tsx10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/components/group-form.tsx b/src/components/group-form.tsx
index 39edd72..d2140f0 100644
--- a/src/components/group-form.tsx
+++ b/src/components/group-form.tsx
@@ -22,7 +22,7 @@ import { Input } from '@/components/ui/input'
import { getGroup } from '@/lib/api'
import { GroupFormValues, groupFormSchema } from '@/lib/schemas'
import { zodResolver } from '@hookform/resolvers/zod'
-import { Trash2 } from 'lucide-react'
+import { Save, Trash2 } from 'lucide-react'
import { useFieldArray, useForm } from 'react-hook-form'
export type Props = {
@@ -106,6 +106,7 @@ export function GroupForm({ group, onSubmit }: Props) {
/>
</CardContent>
</Card>
+
<Card className="mb-4">
<CardHeader>
<CardTitle>Participants</CardTitle>
@@ -160,7 +161,12 @@ export function GroupForm({ group, onSubmit }: Props) {
</CardFooter>
</Card>
- <SubmitButton loadingContent="Submitting…">Submit</SubmitButton>
+ <SubmitButton
+ size="lg"
+ loadingContent={group ? 'Saving…' : 'Creating…'}
+ >
+ <Save className="w-4 h-4 mr-2" /> {group ? <>Save</> : <> Create</>}
+ </SubmitButton>
</form>
</Form>
)