Voeg leesbare slug toe aan Offering naast het GUID-ID #10
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user