diff --git a/src/components/ui/icons/aid.tsx b/src/components/ui/icons/aid.tsx
index c395a3d..88f8487 100644
--- a/src/components/ui/icons/aid.tsx
+++ b/src/components/ui/icons/aid.tsx
@@ -1,10 +1,36 @@
-import Icon, { IconProps } from "./icon";
+import { IconSize } from "./icon-size";
-function IconAid(props: IconProps) {
- return (
-
-
-
- );
+type TIconAidProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconAid({ size }: TIconAidProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
}
export default IconAid;
diff --git a/src/components/ui/icons/attempt.tsx b/src/components/ui/icons/attempt.tsx
new file mode 100644
index 0000000..886d098
--- /dev/null
+++ b/src/components/ui/icons/attempt.tsx
@@ -0,0 +1,36 @@
+import { IconSize } from "./icon-size";
+
+type TIconAttemptProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconAttempt({ size }: TIconAttemptProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
+}
+export default IconAttempt;
diff --git a/src/components/ui/icons/flash.tsx b/src/components/ui/icons/flash.tsx
index 8bede97..0f496e7 100644
--- a/src/components/ui/icons/flash.tsx
+++ b/src/components/ui/icons/flash.tsx
@@ -1,10 +1,36 @@
-import Icon, { IconProps } from "./icon";
+import { IconSize } from "./icon-size";
-function IconFlash(props: IconProps) {
- return (
-
-
-
- );
+type TIconFlashProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconFlash({ size }: TIconFlashProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
}
export default IconFlash;
diff --git a/src/components/ui/icons/onsight.tsx b/src/components/ui/icons/onsight.tsx
index 345fec6..fcf6114 100644
--- a/src/components/ui/icons/onsight.tsx
+++ b/src/components/ui/icons/onsight.tsx
@@ -1,10 +1,37 @@
-import Icon, { IconProps } from "./icon";
-
-function IconOnsight(props: IconProps) {
- return (
-
-
-
- );
+import { IconSize } from "./icon-size";
+
+type TIconOnsightProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconOnsight({ size }: TIconOnsightProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
}
+
export default IconOnsight;
diff --git a/src/components/ui/icons/photo.tsx b/src/components/ui/icons/photo.tsx
index fe07c80..6e9fffc 100644
--- a/src/components/ui/icons/photo.tsx
+++ b/src/components/ui/icons/photo.tsx
@@ -1,11 +1,36 @@
-import Icon, { IconProps } from "./icon";
+import { IconSize } from "./icon-size";
-function IconPhoto(props: IconProps) {
- return (
-
-
-
-
- );
+type TIconPhotoProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconPhoto({ size }: TIconPhotoProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
}
export default IconPhoto;
diff --git a/src/components/ui/icons/red-point.tsx b/src/components/ui/icons/red-point.tsx
index 02c2ee3..81d77df 100644
--- a/src/components/ui/icons/red-point.tsx
+++ b/src/components/ui/icons/red-point.tsx
@@ -1,10 +1,36 @@
-import Icon, { IconProps } from "./icon";
+import { IconSize } from "./icon-size";
-function IconRedPoint(props: IconProps) {
- return (
-
-
-
- );
+type TIconRedPointProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconRedPoint({ size }: TIconRedPointProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
}
export default IconRedPoint;
diff --git a/src/components/ui/icons/repeat.tsx b/src/components/ui/icons/repeat.tsx
index 35de3f4..a03bd70 100644
--- a/src/components/ui/icons/repeat.tsx
+++ b/src/components/ui/icons/repeat.tsx
@@ -1,10 +1,36 @@
-import Icon, { IconProps } from "./icon";
+import { IconSize } from "./icon-size";
-function IconRepeat(props: IconProps) {
- return (
-
-
-
- );
+type TIconRepeatProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconRepeat({ size }: TIconRepeatProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
}
export default IconRepeat;
diff --git a/src/components/ui/icons/reset.tsx b/src/components/ui/icons/reset.tsx
new file mode 100644
index 0000000..64c3836
--- /dev/null
+++ b/src/components/ui/icons/reset.tsx
@@ -0,0 +1,21 @@
+import { IconSize } from "./icon-size";
+
+type TIconResetProps = {
+ size: IconSize.regular;
+};
+
+function IconReset({ size }: TIconResetProps) {
+ return (
+
+ );
+}
+
+export default IconReset;
diff --git a/src/components/ui/icons/toprope.tsx b/src/components/ui/icons/toprope.tsx
new file mode 100644
index 0000000..09f343a
--- /dev/null
+++ b/src/components/ui/icons/toprope.tsx
@@ -0,0 +1,38 @@
+import { IconSize } from "./icon-size";
+
+type TIconTopropeProps = {
+ size: IconSize.small | IconSize.regular;
+};
+
+function IconToprope({ size }: TIconTopropeProps) {
+ switch (size) {
+ case IconSize.small:
+ return (
+
+ );
+
+ case IconSize.regular:
+ return (
+
+ );
+ }
+}
+export default IconToprope;