From 0b27f90fb76a2492c17a958b6dd807e6fbbf8030 Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Thu, 7 Dec 2023 16:44:01 -0500
Subject: Titles and navigation

---
 src/components/group-form.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src/components/group-form.tsx')

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>
   )
-- 
cgit v1.3

