mirror of
https://github.com/10h30/astroplate.git
synced 2026-06-05 15:08:00 +09:00
update dynamicIcon
This commit is contained in:
@@ -1,32 +1,23 @@
|
||||
import React, { FC } from "react";
|
||||
import type { IconType } from "react-icons";
|
||||
import * as AiIcons from "react-icons/ai/index.js";
|
||||
import * as BsIcons from "react-icons/bs/index.js";
|
||||
import * as FaIcons from "react-icons/fa/index.js";
|
||||
import * as FaIcons6 from "react-icons/fa6/index.js";
|
||||
import * as FiIcons from "react-icons/fi/index.js";
|
||||
import * as Io5Icons from "react-icons/io5/index.js";
|
||||
import * as RiIcons from "react-icons/ri/index.js";
|
||||
import * as TbIcons from "react-icons/tb/index.js";
|
||||
import * as TfiIcons from "react-icons/tfi/index.js";
|
||||
import * as FaIcons from "react-icons/fa6/index.js";
|
||||
// import * as AiIcons from "react-icons/ai/index.js";
|
||||
// import * as BsIcons from "react-icons/bs/index.js";
|
||||
// import * as FiIcons from "react-icons/fi/index.js";
|
||||
// import * as Io5Icons from "react-icons/io5/index.js";
|
||||
// import * as RiIcons from "react-icons/ri/index.js";
|
||||
// import * as TbIcons from "react-icons/tb/index.js";
|
||||
// import * as TfiIcons from "react-icons/tfi/index.js";
|
||||
|
||||
type IconMap = Record<string, IconType>;
|
||||
|
||||
interface IDynamicIcon {
|
||||
interface IDynamicIcon extends React.SVGProps<SVGSVGElement> {
|
||||
icon: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const iconLibraries: { [key: string]: IconMap } = {
|
||||
ai: AiIcons,
|
||||
bs: BsIcons,
|
||||
fa: FaIcons,
|
||||
fa6: FaIcons6,
|
||||
fi: FiIcons,
|
||||
io5: Io5Icons,
|
||||
ri: RiIcons,
|
||||
tb: TbIcons,
|
||||
tfi: TfiIcons,
|
||||
};
|
||||
|
||||
const DynamicIcon: FC<IDynamicIcon> = ({ icon, ...props }) => {
|
||||
|
||||
Reference in New Issue
Block a user