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.sizes.small && !Icon.sizes.regular && !Icon.sizes.large ? (
+ <>
+
+
+
+ >
+ ) : (
+ <>
+ {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;