diff --git a/src/app/sandbox/icons/page.tsx b/src/app/sandbox/icons/page.tsx index 5e5cac3..cce45d0 100644 --- a/src/app/sandbox/icons/page.tsx +++ b/src/app/sandbox/icons/page.tsx @@ -1,4 +1,6 @@ +import { IconSize } from "@/components/ui/icons/icon-size"; import { readdirSync } from "fs"; +import { readFileSync } from "fs"; import { lazy } from "react"; function IconsPage() { @@ -8,29 +10,92 @@ function IconsPage() { } const iconComponents = files - .filter((file) => file !== "icon.tsx" && file != "icon-size.tsx") + .filter((file) => file != "icon-size.tsx") .map((file) => ({ component: lazy( () => import(`../../../components/ui/icons/${file.replace(".tsx", "")}`) ), name: file.replace(".tsx", ""), + sizes: { + small: readFileSync(`./src/components/ui/icons/${file}`) + .toString() + .includes("IconSize.small"), + regular: readFileSync(`./src/components/ui/icons/${file}`) + .toString() + .includes("IconSize.regular"), + large: readFileSync(`./src/components/ui/icons/${file}`) + .toString() + .includes("IconSize.large"), + }, })); return (

Icons list

-
+
{iconComponents.map((Icon, index) => ( -
-
- -
-
{Icon.name}
-
+ <> + {!Icon.sizes.small && !Icon.sizes.regular && !Icon.sizes.large ? ( + <> +
+
+
+ +
+
{Icon.name}
+
+
+ + ) : ( + <> + {Icon.sizes.small ? ( +
+
+ +
+
{Icon.name}, small
+
+ ) : ( +
+ )} + + {Icon.sizes.regular ? ( +
+
+ +
+
{Icon.name}, regular
+
+ ) : ( +
+ )} + + {Icon.sizes.large ? ( +
+
+ +
+
{Icon.name}, large
+
+ ) : ( +
+ )} + + )} + ))}
diff --git a/src/components/ui/icons/drag.tsx b/src/components/ui/icons/drag.tsx new file mode 100644 index 0000000..dcc67ec --- /dev/null +++ b/src/components/ui/icons/drag.tsx @@ -0,0 +1,15 @@ +function IconDrag() { + return ( + + + + ); +} + +export default IconDrag; diff --git a/src/components/ui/icons/edit.tsx b/src/components/ui/icons/edit.tsx new file mode 100644 index 0000000..e33891e --- /dev/null +++ b/src/components/ui/icons/edit.tsx @@ -0,0 +1,15 @@ +function IconEdit() { + return ( + + + + ); +} + +export default IconEdit; diff --git a/src/components/ui/icons/image-no-border.tsx b/src/components/ui/icons/image-no-border.tsx new file mode 100644 index 0000000..6b20285 --- /dev/null +++ b/src/components/ui/icons/image-no-border.tsx @@ -0,0 +1,15 @@ +function ImageNoBorder() { + return ( + + + + ); +} + +export default ImageNoBorder; diff --git a/src/components/ui/icons/merge-routes.tsx b/src/components/ui/icons/merge-routes.tsx new file mode 100644 index 0000000..05e9f5d --- /dev/null +++ b/src/components/ui/icons/merge-routes.tsx @@ -0,0 +1,15 @@ +function IconMergeRoutes() { + return ( + + + + ); +} + +export default IconMergeRoutes; diff --git a/src/components/ui/icons/move-routes.tsx b/src/components/ui/icons/move-routes.tsx new file mode 100644 index 0000000..aa77d8d --- /dev/null +++ b/src/components/ui/icons/move-routes.tsx @@ -0,0 +1,15 @@ +function IconMoveRoutes() { + return ( + + + + ); +} + +export default IconMoveRoutes; diff --git a/src/components/ui/icons/pin.tsx b/src/components/ui/icons/pin.tsx new file mode 100644 index 0000000..d9b51a2 --- /dev/null +++ b/src/components/ui/icons/pin.tsx @@ -0,0 +1,15 @@ +function IconPin() { + return ( + + + + ); +} + +export default IconPin; diff --git a/src/components/ui/icons/publish.tsx b/src/components/ui/icons/publish.tsx new file mode 100644 index 0000000..87e5f48 --- /dev/null +++ b/src/components/ui/icons/publish.tsx @@ -0,0 +1,15 @@ +function IconPublish() { + return ( + + + + ); +} + +export default IconPublish; diff --git a/src/components/ui/icons/return.tsx b/src/components/ui/icons/return.tsx new file mode 100644 index 0000000..2dbf567 --- /dev/null +++ b/src/components/ui/icons/return.tsx @@ -0,0 +1,15 @@ +function IconReturn() { + return ( + + + + ); +} + +export default IconReturn; diff --git a/src/components/ui/icons/switch-sector.tsx b/src/components/ui/icons/switch-sector.tsx new file mode 100644 index 0000000..4fd77f3 --- /dev/null +++ b/src/components/ui/icons/switch-sector.tsx @@ -0,0 +1,15 @@ +function IconSwitchSector() { + return ( + + + + ); +} + +export default IconSwitchSector;