feat(component): Add Icon delete

ref: #1 nofusscomputing/centurion_erp#248 nofusscomputing/centurion_erp#307 nofusscomputing/centurion_erp#319
nofusscomputing · Oct 10, 2024 · 59bc783 · 59bc783
1 parent 64347d8
commit 59bc783
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/components/IconLoader.jsx b/src/components/IconLoader.jsx
@@ -33,6 +33,7 @@ import StatusTestingIcon from "./icons/ticket/StatusTestingIcon";
 import RelatedTicketRelated from "./icons/ticket/RelatedTicketRelated";
 import RelatedTicketBlocks from "./icons/ticket/RelatedTicketBlocks";
 import RelatedTicketBlocked from "./icons/ticket/RelatedTicketBlocked";
+import DeleteIcon from "./icons/DeleteIcon";
 
 
 const icon_components = {
@@ -45,6 +46,7 @@ const icon_components = {
     device_status_unk: InventoryStatusUknIcon,
     device_status_warn: InventoryStatusWarnIcon,
     reply: ReplyIcon,
+    delete: DeleteIcon,
     device: DeviceIcon,
     edit: EditIcon,
     itam: ItamIcon,

diff --git a/src/components/icons/DeleteIcon.jsx b/src/components/icons/DeleteIcon.jsx
@@ -0,0 +1,14 @@
+const DeleteIcon = ({
+    width = '20px',
+    height = '20px',
+    fill = '#FFF',
+    class_name = null
+}) => {
+    return (
+        <svg className={class_name} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width={ width } height={ height } fill={ fill }>
+            <path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/>
+        </svg>
+    );
+}
+
+export default DeleteIcon;