Voeg leesbare slug toe aan Offering naast het GUID-ID #10

Merged
Sluijsens merged 4 commits from feature/offering-slug into master 2026-08-04 16:38:54 +02:00
Showing only changes of commit 927957f04f - Show all commits
@@ -2,7 +2,7 @@ import { useState } from 'react';
import { useForm, useWatch } from 'react-hook-form'; import { useForm, useWatch } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod'; import { zodResolver } from '@hookform/resolvers/zod';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { Check, Plus, Trash2, X } from 'lucide-react'; import { Check, Pencil, Plus, Trash2, X } from 'lucide-react';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
@@ -133,13 +133,13 @@ export function OfferingForm({ initialValues, onSubmit, isSubmitting }: Offering
</code> </code>
<Button <Button
type="button" type="button"
variant="link" variant="ghost"
size="sm" size="icon"
className="h-auto p-0"
data-testid="offering-slug-edit" data-testid="offering-slug-edit"
aria-label={t('offerings.form.editSlugButton')}
onClick={() => setIsEditingSlug(true)} onClick={() => setIsEditingSlug(true)}
> >
{t('offerings.form.editSlugButton')} <Pencil className="size-4" />
</Button> </Button>
</div> </div>
)} )}