feat(icons): add business icon set and improve devkit icon copy behavior

- add `src/shared/icons/business.js` with new business-related icons
- move `Wallet03Icon` from `index.js` to `business.js`
- update `index.js` to export icons from business module
- add shift+click to copy JSX snippet in icons devkit page
- update icon button tooltip to hint shift shortcut
- document apostrophe escaping rule in icons README
This commit is contained in:
2026-04-26 10:50:52 -04:00
parent 6680551eee
commit 4afe334c6b
4 changed files with 3242 additions and 46 deletions
+10 -5
View File
@@ -34,9 +34,14 @@ export default function IconsPage() {
);
}, [query, selectedCategory]);
const handleCopy = (name) => {
navigator.clipboard.writeText(`<${name} className="w-5 h-5" />`);
toast.success(`${name} copié`);
const handleCopy = (name, e) => {
if (e.shiftKey) {
navigator.clipboard.writeText(`<${name} className="w-5 h-5" />`);
toast.success(`JSX de ${name} copié`);
} else {
navigator.clipboard.writeText(name);
toast.success(`${name} copié`);
}
};
const hasSidebar = categories.length > 0;
@@ -81,8 +86,8 @@ export default function IconsPage() {
{filtered.map(([name, IconComponent]) => (
<button
key={name}
onClick={() => handleCopy(name)}
title={name.replace('Icon', '')}
onClick={(e) => handleCopy(name, e)}
title={`${name.replace('Icon', '')} · Shift: JSX`}
className="aspect-square flex flex-col items-center justify-between rounded-lg border border-neutral-200 dark:border-neutral-800 bg-neutral-100 dark:bg-neutral-900 hover:border-blue-500 dark:hover:border-blue-500 transition-colors duration-100 group cursor-pointer px-1 py-2 overflow-hidden"
>
<div className="flex-1 flex items-center justify-center w-full">