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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user