From f9343ca0c24cc3995b42af0a325895addffe8360 Mon Sep 17 00:00:00 2001
From: ChristoferMendes <christoferluizdsm@gmail.com>
Date: Sun, 12 May 2024 21:29:06 -0300
Subject: [PATCH] style: Remove lucide-react icons and replace them with SVG
 components

---
 package.json                                      |  1 -
 src/renderer/src/assets/sprout-icon.svg           |  1 +
 src/renderer/src/assets/users-icon.svg            |  1 +
 .../seeders-and-peers/seeders-and-peers.tsx       | 15 ++++++++-------
 4 files changed, 10 insertions(+), 8 deletions(-)
 create mode 100644 src/renderer/src/assets/sprout-icon.svg
 create mode 100644 src/renderer/src/assets/users-icon.svg

diff --git a/package.json b/package.json
index 35d3882d..333cf817 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,6 @@
     "jsdom": "^24.0.0",
     "lodash-es": "^4.17.21",
     "lottie-react": "^2.4.0",
-    "lucide-react": "^0.378.0",
     "node-7z-archive": "^1.1.7",
     "parse-torrent": "^11.0.16",
     "ps-list": "^8.1.1",
diff --git a/src/renderer/src/assets/sprout-icon.svg b/src/renderer/src/assets/sprout-icon.svg
new file mode 100644
index 00000000..fb35828a
--- /dev/null
+++ b/src/renderer/src/assets/sprout-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sprout"><path d="M7 20h10"/><path d="M10 20c5.5-2.5.8-6.4 3-10"/><path d="M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z"/><path d="M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z"/></svg>
diff --git a/src/renderer/src/assets/users-icon.svg b/src/renderer/src/assets/users-icon.svg
new file mode 100644
index 00000000..63cb3f98
--- /dev/null
+++ b/src/renderer/src/assets/users-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
diff --git a/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx b/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
index c80838f9..e8cc31f2 100644
--- a/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
+++ b/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
@@ -1,10 +1,11 @@
 import { GameRepack } from "@types";
-import { Sprout, Users } from "lucide-react";
+import UsersIcon from "@renderer/assets/users-icon.svg?react";
+import SproutIcon from "@renderer/assets/sprout-icon.svg?react";
 
 import { useMagnetHealth } from "./useMagnetHealth";
 import { Tooltip } from "@renderer/components/tooltip/tooltip";
 import { SeedersAndPeersSkeleton } from "./seeders-and-peers-skeleton";
-import { vars } from "@renderer/theme.css";
+import { SPACING_UNIT, vars } from "@renderer/theme.css";
 
 interface SeedersAndPeersProps {
   repack: GameRepack;
@@ -29,21 +30,21 @@ export function SeedersAndPeers({ repack }: Readonly<SeedersAndPeersProps>) {
       }}
     >
       <Tooltip tooltipText="Seeders">
-        <Sprout size={16} stroke={vars.color.bodyText} />
+        <SproutIcon stroke={vars.color.bodyText} />
         <span
           style={{
-            marginLeft: "7px",
-            marginRight: "8px",
+            marginLeft: `${SPACING_UNIT - 5}px`,
+            marginRight: `${SPACING_UNIT}px`
           }}
         >
           {magnetData?.seeders}
         </span>
       </Tooltip>
       <Tooltip tooltipText="Peers">
-        <Users size={16} stroke={vars.color.bodyText} />
+        <UsersIcon stroke={vars.color.bodyText} />
         <span
           style={{
-            marginLeft: "7px",
+            marginLeft: `${SPACING_UNIT - 5}px`,
           }}
         >
           {magnetData?.peers}