refactor(ui): replace PlusSignIcon with Add01Icon in BlockEditor

- swap PlusSignIcon for Add01Icon in Block.client.js add button
- remove PlusSignIcon export from shared icons index
- update README to reflect renamed icon
This commit is contained in:
2026-04-25 18:07:59 -04:00
parent d7aa3532d1
commit 4bc7319056
3 changed files with 3 additions and 9 deletions
@@ -1,7 +1,7 @@
'use client';
import React, { useEffect, useImperativeHandle, useRef, useState, forwardRef } from 'react';
import { PlusSignIcon, DragDropVerticalIcon } from '@zen/core/shared/icons';
import { Add01Icon, DragDropVerticalIcon } from '@zen/core/shared/icons';
import { getBlockDef } from './blockRegistry.js';
import {
getCaretOffset,
@@ -258,7 +258,7 @@ const Block = forwardRef(function Block(
disabled={disabled}
className="w-5 h-5 flex items-center justify-center rounded text-neutral-500 hover:bg-neutral-200 dark:hover:bg-neutral-700/60 hover:text-neutral-900 dark:hover:text-white text-sm leading-none"
>
<PlusSignIcon width={14} height={14} />
<Add01Icon width={14} height={14} />
</button>
<button
type="button"
+1 -1
View File
@@ -77,7 +77,7 @@ En mode sélection multi-blocs :
## Drag and drop
Chaque bloc affiche au survol :
- une poignée `PlusSignIcon` pour insérer un bloc en dessous (ouvre le slash menu)
- une poignée `Add01Icon` pour insérer un bloc en dessous (ouvre le slash menu)
- une poignée `DragDropVerticalIcon` pour glisser-déposer (réordonner)
Les icônes proviennent de [`src/shared/icons/index.js`](../../icons/index.js).
-6
View File
@@ -539,12 +539,6 @@ export const Menu01Icon = (props) => (
</svg>
);
export const PlusSignIcon = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={64} height={64} color={"currentColor"} fill={"none"} {...props}>
<path fillRule="evenodd" clipRule="evenodd" d="M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H13.25V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V13.25H4C3.30964 13.25 2.75 12.6904 2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H10.75V4C10.75 3.30964 11.3096 2.75 12 2.75Z" fill="currentColor" />
</svg>
);
export const DragDropVerticalIcon = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={64} height={64} color={"currentColor"} fill={"none"} {...props}>
<path d="M15 7.75C15.9665 7.75 16.75 6.9665 16.75 6C16.75 5.0335 15.9665 4.25 15 4.25C14.0335 4.25 13.25 5.0335 13.25 6C13.25 6.9665 14.0335 7.75 15 7.75Z" fill="currentColor" />