diff options
Diffstat (limited to 'src/components/group-form.tsx')
| -rw-r--r-- | src/components/group-form.tsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/group-form.tsx b/src/components/group-form.tsx index 5ddc865..2e21aea 100644 --- a/src/components/group-form.tsx +++ b/src/components/group-form.tsx @@ -22,6 +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 { useFieldArray, useForm } from 'react-hook-form' export type Props = { @@ -105,11 +106,13 @@ export function GroupForm({ group, onSubmit }: Props) { <div className="flex gap-2"> <Input className="text-base" {...field} /> <Button - variant="destructive" + variant="ghost" + className="text-destructive" onClick={() => remove(index)} type="button" + size="icon" > - Remove + <Trash2 className="w-4 h-4" /> </Button> </div> </FormControl> |