From 8a1e84386a6655f401154c4424d2670dac9f0e86 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Tue, 5 Mar 2024 05:05:54 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20feat:=20create=20some=20ic?=
 =?UTF-8?q?ons=20needed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/CustomIcon/CalendarIcon.tsx        | 12 +++++------
 .../CustomIcon/CheckRadioOutlineIcon.tsx      | 21 +++++++++++++++++++
 .../CustomIcon/CirclePlaceholderOnIcon.tsx    | 20 ++++++++++++++++++
 .../shared/CustomIcon/TrendingIcon.tsx        | 21 +++++++++++++++++++
 .../shared/CustomIcon/WarningTriangleIcon.tsx | 21 +++++++++++++++++++
 .../src/components/shared/CustomIcon/index.ts |  4 ++++
 6 files changed, 93 insertions(+), 6 deletions(-)
 create mode 100644 packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx
 create mode 100644 packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx
 create mode 100644 packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx
 create mode 100644 packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx

diff --git a/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx
index 6a51210a..7e841bb1 100644
--- a/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx
+++ b/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx
@@ -5,16 +5,16 @@ export const CalendarIcon = (props: CustomIconProps) => {
   return (
     <CustomIcon
       width="18"
-      height="19"
-      viewBox="0 0 18 19"
+      height="18"
+      viewBox="0 0 18 18"
       fill="none"
       {...props}
     >
       <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5 0C5.55228 0 6 0.447715 6 1V2H12V1C12 0.447715 12.4477 0 13 0C13.5523 0 14 0.447715 14 1V2H16C17.1046 2 18 2.89543 18 4V17C18 18.1046 17.1046 19 16 19H2C0.89543 19 0 18.1046 0 17V4C0 2.89543 0.895431 2 2 2H4V1C4 0.447715 4.44772 0 5 0ZM2 9V17H16V9H2Z"
-        fill="currentColor"
+        d="M2.625 7.125H15.375M5.625 3.375V1.875M12.375 3.375V1.875M4.125 15.375H13.875C14.7034 15.375 15.375 14.7034 15.375 13.875V4.875C15.375 4.04657 14.7034 3.375 13.875 3.375H4.125C3.29657 3.375 2.625 4.04657 2.625 4.875V13.875C2.625 14.7034 3.29657 15.375 4.125 15.375Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </CustomIcon>
   );
diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx
new file mode 100644
index 00000000..79fe29b6
--- /dev/null
+++ b/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { CustomIcon, CustomIconProps } from './CustomIcon';
+
+export const CheckRadioOutlineIcon = (props: CustomIconProps) => {
+  return (
+    <CustomIcon
+      width="18"
+      height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M11.25 7.125L7.875 11.25L6.375 9.75M16.125 9C16.125 12.935 12.935 16.125 9 16.125C5.06497 16.125 1.875 12.935 1.875 9C1.875 5.06497 5.06497 1.875 9 1.875C12.935 1.875 16.125 5.06497 16.125 9Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </CustomIcon>
+  );
+};
diff --git a/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx
new file mode 100644
index 00000000..deb69392
--- /dev/null
+++ b/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { CustomIcon, CustomIconProps } from './CustomIcon';
+
+export const CirclePlaceholderOnIcon = (props: CustomIconProps) => {
+  return (
+    <CustomIcon
+      width="18"
+      height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M16.125 9C16.125 12.935 12.935 16.125 9 16.125C5.06497 16.125 1.875 12.935 1.875 9C1.875 5.06497 5.06497 1.875 9 1.875C12.935 1.875 16.125 5.06497 16.125 9Z"
+        stroke="currentColor"
+        strokeLinejoin="round"
+      />
+    </CustomIcon>
+  );
+};
diff --git a/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx
new file mode 100644
index 00000000..19e40ede
--- /dev/null
+++ b/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { CustomIcon, CustomIconProps } from './CustomIcon';
+
+export const TrendingIcon = (props: CustomIconProps) => {
+  return (
+    <CustomIcon
+      width="18"
+      height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M1.875 9.79623L2.68636 7.88111C2.95597 7.24472 3.86788 7.28002 4.08767 7.93535L5.09939 10.9518C5.33069 11.6415 6.30748 11.6322 6.52567 10.9383L8.97436 3.15067C9.2032 2.42289 10.2437 2.46059 10.4194 3.20303L13.1643 14.7969C13.3368 15.5254 14.3502 15.5807 14.6007 14.8754L16.125 10.583"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </CustomIcon>
+  );
+};
diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx
new file mode 100644
index 00000000..d5303a60
--- /dev/null
+++ b/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { CustomIcon, CustomIconProps } from './CustomIcon';
+
+export const WarningTriangleIcon = (props: CustomIconProps) => {
+  return (
+    <CustomIcon
+      width="18"
+      height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M9.00004 6.75007V10.1251M7.71074 2.91845L2.09776 12.3585C1.50324 13.3583 2.22379 14.6251 3.38706 14.6251H14.613C15.7763 14.6251 16.4968 13.3583 15.9023 12.3585L10.2893 2.91844C9.70792 1.9406 8.29216 1.9406 7.71074 2.91845Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+      <circle cx="9" cy="12" r="0.5625" fill="currentColor" />
+    </CustomIcon>
+  );
+};
diff --git a/packages/frontend/src/components/shared/CustomIcon/index.ts b/packages/frontend/src/components/shared/CustomIcon/index.ts
index 9141aa17..893e45ab 100644
--- a/packages/frontend/src/components/shared/CustomIcon/index.ts
+++ b/packages/frontend/src/components/shared/CustomIcon/index.ts
@@ -50,6 +50,10 @@ export * from './UndoIcon';
 export * from './LoaderIcon';
 export * from './MinusCircleIcon';
 export * from './CopyIcon';
+export * from './CirclePlaceholderOnIcon';
+export * from './WarningTriangleIcon';
+export * from './CheckRadioOutlineIcon';
+export * from './TrendingIcon';
 
 // Templates
 export * from './templates';