shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Migrate site controls to Nebula design system
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-29 09:16:58 +02:00
parent e3d0925eb1
commit 817e21567b
127 changed files with 5380 additions and 2363 deletions
Download patch file Download diff file Expand all files Collapse all files

12
website/src/features/toolboxes/modules/ImagesModule.jsx
View file

@ -104,7 +104,9 @@ export function ImagesModule({ toolboxId, moduleId, context, editing, textExchan
return (
<figure key={image.id} className={className} {...getItemProps({ itemId: image.id, parentId: moduleId })}>
<button
className="image-drag-handle"
className="image-drag-handle nds-icon-button"
data-size="sm"
data-variant="ghost"
type="button"
onPointerDown={(event) => itemReorder.startDrag(event, image.id)}
aria-label={textContent.reorderAriaLabel || "Déplacer l'image"}
@ -117,7 +119,8 @@ export function ImagesModule({ toolboxId, moduleId, context, editing, textExchan
</button>
{editing ? (
<input
className="image-label-input"
className="image-label-input nds-inline-input"
type="text"
value={image.label || ""}
placeholder={textContent.labelPlaceholder || "Libellé de l'image"}
onChange={(event) => updateImage(image.id, { label: event.target.value })}
@ -128,7 +131,8 @@ export function ImagesModule({ toolboxId, moduleId, context, editing, textExchan
) : null}
<div className="image-actions">
<button
className="image-annotate-button"
className="image-annotate-button nds-icon-button"
data-size="sm"
type="button"
onClick={() => context.createImageAnnotationModule?.(image.dataUrl)}
aria-label={textContent.annotateAriaLabel || "Annoter l'image"}
@ -136,7 +140,7 @@ export function ImagesModule({ toolboxId, moduleId, context, editing, textExchan
>
<Icon name="map" />
</button>
<button className="image-delete-button danger" type="button" onClick={() => {
<button className="image-delete-button nds-icon-button" data-size="sm" data-variant="danger" type="button" onClick={() => {
context.setModuleData(toolboxId, moduleId, { images: data.images.filter((item) => item.id !== image.id) });
}} aria-label={textContent.deleteAriaLabel || "Supprimer l'image"} title={textContent.deleteTitle || "Supprimer"}>
<Icon name="trash" />