external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-12 19:22:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: Remove lucide-react icons and replace them with SVG components

Browse source
This commit is contained in:
ChristoferMendes 2024-05-12 21:29:06 -03:00
parent 6053b7cd67
commit f9343ca0c2
4 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -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",

1
src/renderer/src/assets/sprout-icon.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 469 B

1
src/renderer/src/assets/users-icon.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 373 B

15
src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
View file

@ -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}