From ec9509e8803bf3240592a01f32052c76c9e1b097 Mon Sep 17 00:00:00 2001 From: Xevion Date: Thu, 23 Oct 2025 10:06:54 -0500 Subject: [PATCH] refactor: replace lucide-react with Radix icons and add GitHub link Replace lucide-react dependency with Radix UI's native icon system. Increase theme toggle icon size from 18px to 22px for better visibility. Add GitHub repository link with icon button in the navigation header. --- package.json | 1 - pnpm-lock.yaml | 12 ------------ src/components/ThemeToggle.tsx | 4 ++-- src/pages/index.tsx | 22 ++++++++++++++++++++-- 4 files changed, 22 insertions(+), 17 deletions(-) diff --git a/package.json b/package.json index fbfea5c..103e0a5 100644 --- a/package.json +++ b/package.json @@ -33,7 +33,6 @@ "clsx": "^2.1.1", "date-fns": "^4.1.0", "date-fns-tz": "^3.2.0", - "lucide-react": "^0.546.0", "next": "^15.5.6", "next-themes": "^0.4.6", "react": "19.2.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5309df4..d1e62f6 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -38,9 +38,6 @@ importers: date-fns-tz: specifier: ^3.2.0 version: 3.2.0(date-fns@4.1.0) - lucide-react: - specifier: ^0.546.0 - version: 0.546.0(react@19.2.0) next: specifier: ^15.5.6 version: 15.5.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(sass@1.93.2) @@ -3175,11 +3172,6 @@ packages: resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==} hasBin: true - lucide-react@0.546.0: - resolution: {integrity: sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ==} - peerDependencies: - react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0 - lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} hasBin: true @@ -7217,10 +7209,6 @@ snapshots: dependencies: js-tokens: 4.0.0 - lucide-react@0.546.0(react@19.2.0): - dependencies: - react: 19.2.0 - lz-string@1.5.0: {} magic-string@0.30.19: diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx index 3226fb0..b6639f3 100644 --- a/src/components/ThemeToggle.tsx +++ b/src/components/ThemeToggle.tsx @@ -31,9 +31,9 @@ export const ThemeToggle = () => { title={`Switch to ${theme === "light" ? "dark" : "light"} mode`} > {theme === "light" ? ( - + ) : ( - + )} ); diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 04fffd6..2d55e9f 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -8,7 +8,8 @@ import LookupInput from "@/rdap/components/LookupInput"; import ErrorCard from "@/components/ErrorCard"; import { ThemeToggle } from "@/components/ThemeToggle"; import { Maybe } from "true-myth"; -import { Flex, Container, Section, Text, Link } from "@radix-ui/themes"; +import { Flex, Container, Section, Text, Link, IconButton } from "@radix-ui/themes"; +import { GitHubLogoIcon } from "@radix-ui/react-icons"; const Index: NextPage = () => { const { error, setTarget, setTargetType, submit, currentType } = useLookup(); @@ -56,7 +57,24 @@ const Index: NextPage = () => { .xevion.dev - + + + + + + + +