xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

fix build error

This commit is contained in:
daniel31x13 2024-09-04 22:29:54 -04:00
parent 3e077fa247
commit 40bb3e6fae
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Icon.tsx
View File

@ -13,4 +13,6 @@ const Icon = forwardRef<SVGSVGElement, Props>(({ icon, ...rest }, ref) => {
} else return <IconComponent ref={ref} {...rest} />; } else return <IconComponent ref={ref} {...rest} />;
}); });
Icon.displayName = "Icon";
export default Icon; export default Icon;

36
components/IconGrid.tsx
View File

@ -24,22 +24,26 @@ const IconGrid = ({ query, color, weight, iconName, setIconName }: Props) => {
return fuse.search(query).map((result) => result.item); return fuse.search(query).map((result) => result.item);
}, [query]); }, [query]);
return filteredQueryResultsSelector.map((icon) => { return (
const IconComponent = icon.Icon; <>
return ( {filteredQueryResultsSelector.map((icon) => {
<div const IconComponent = icon.Icon;
key={icon.pascal_name} return (
onClick={() => setIconName(icon.pascal_name)} <div
className={`cursor-pointer btn p-1 box-border bg-base-100 border-none w-full ${ key={icon.pascal_name}
icon.pascal_name === iconName onClick={() => setIconName(icon.pascal_name)}
? "outline outline-1 outline-primary" className={`cursor-pointer btn p-1 box-border bg-base-100 border-none w-full ${
: "" icon.pascal_name === iconName
}`} ? "outline outline-1 outline-primary"
> : ""
<IconComponent size={32} weight={weight} color={color} /> }`}
</div> >
); <IconComponent size={32} weight={weight} color={color} />
}); </div>
);
})}
</>
);
}; };
export default IconGrid; export default IconGrid;