From a548ae02c193346934ac9a78b8934423a1e7f968 Mon Sep 17 00:00:00 2001
From: drafish <xwlyy1991@163.com>
Date: Wed, 3 Jul 2024 16:39:32 +0800
Subject: [PATCH] rm svg

---
 .../MultipleContainers/components/Item/Item.tsx     | 13 +------------
 .../components/Item/components/Handle/Handle.tsx    |  4 +---
 .../components/Item/components/Remove/Remove.tsx    |  4 +---
 3 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/apps/quick-dapp/src/components/MultipleContainers/components/Item/Item.tsx b/apps/quick-dapp/src/components/MultipleContainers/components/Item/Item.tsx
index 4ae6c263d3..3184e94d75 100644
--- a/apps/quick-dapp/src/components/MultipleContainers/components/Item/Item.tsx
+++ b/apps/quick-dapp/src/components/MultipleContainers/components/Item/Item.tsx
@@ -3,17 +3,6 @@ import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 import type { Transform } from '@dnd-kit/utilities';
 import { Handle } from './components/Handle';
 
-const removeIcon = (
-  <svg
-    width="10"
-    height="10"
-    viewBox="0 0 22 22"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z" />
-  </svg>
-);
-
 export interface Props {
   dragOverlay?: boolean;
   disabled?: boolean;
@@ -110,7 +99,7 @@ export const Item = React.memo(
               className={`d-flex justify-content-center align-items-center position-absolute border-0 rounded-circle item-remove`}
               onClick={onRemove}
             >
-              {removeIcon}
+              <i className="fas fa-times"></i>
             </button>
           </div>
         </li>
diff --git a/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Handle/Handle.tsx b/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Handle/Handle.tsx
index 9cb3215303..e77ccd0a8b 100644
--- a/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Handle/Handle.tsx
+++ b/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Handle/Handle.tsx
@@ -11,9 +11,7 @@ export const Handle = forwardRef<HTMLButtonElement, ActionProps>(
         data-cypress="draggable-handle"
         {...props}
       >
-        <svg viewBox="0 0 20 20" width="12">
-          <path d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"></path>
-        </svg>
+        <i className="fas fa-grip-vertical"></i>
       </Action>
     );
   }
diff --git a/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Remove/Remove.tsx b/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Remove/Remove.tsx
index 6bf8252f4f..c4c6c55b90 100644
--- a/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Remove/Remove.tsx
+++ b/apps/quick-dapp/src/components/MultipleContainers/components/Item/components/Remove/Remove.tsx
@@ -11,9 +11,7 @@ export function Remove(props: ActionProps) {
         background: 'rgba(255, 70, 70, 0.1)',
       }}
     >
-      <svg width="8" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
-        <path d="M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z" />
-      </svg>
+      <i className="fas fa-times"></i>
     </Action>
   );
 }