replace react-icons with Lucide icons

Author: LadyBluenotes

package.json

@@ -65,7 +65,6 @@
     "react": "^19.2.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^19.2.0",
-    "react-icons": "^5.3.0",
     "react-instantsearch": "7",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-callouts": "^2.1.2",

pnpm-lock.yaml

@@ -1,5 +1,5 @@
-import { TbHeartHandshake } from 'react-icons/tb'
 import { getLibrary, LibraryId } from '~/libraries'
+import { HeartHandshake } from 'lucide-react'
 
 interface PartnershipCalloutProps {
   libraryId: LibraryId
@@ -16,7 +16,7 @@ export function PartnershipCallout({ libraryId }: PartnershipCalloutProps) {
                     dark:bg-black/40 dark:shadow-none w-[500px] max-w-full mx-auto"
     >
       <span className="flex items-center gap-2 p-8 text-3xl text-rose-500 font-black uppercase">
-        {library.name.replace('TanStack ', '')} <TbHeartHandshake /> You?
+        {library.name.replace('TanStack ', '')} <HeartHandshake size={28} /> You?
       </span>
       <div className="flex flex-col p-4 gap-3 text-sm">
         <div>

src/components/PartnershipCallout.tsx

@@ -1,6 +1,4 @@
-import { Book, PlugZap, RotateCw, Wallpaper } from 'lucide-react'
-import { TbZoomQuestion } from 'react-icons/tb'
-import { RiLightbulbFlashLine } from 'react-icons/ri'
+import { Book, MessageCircleQuestionMark, PlugZap, RotateCw, Wallpaper } from 'lucide-react'
 import { twMerge } from 'tailwind-merge'
 import { GithubIcon } from '~/components/icons/GithubIcon'
 
@@ -88,7 +86,7 @@ export const rangerProject = {
     },
     {
       title: 'Extensible',
-      icon: <TbZoomQuestion className={twMerge('', textStyles)} />,
+      icon: <MessageCircleQuestionMark className={twMerge('', textStyles)} />,
       description: (
         <div>
           Designed with maximum inversion of control in mind, Ranger is built to

src/libraries/ranger.tsx

@@ -1,5 +1,4 @@
 import { Book, DatabaseZap, MessageCircleQuestionMark, PlugZap, Wallpaper } from 'lucide-react'
-import { RiLightbulbFlashLine } from 'react-icons/ri'
 import { twMerge } from 'tailwind-merge'
 import { redirect } from '@tanstack/react-router'
 import { GithubIcon } from '~/components/icons/GithubIcon'

src/libraries/router.tsx

@@ -13,11 +13,11 @@ import LandingPageGad from '~/components/LandingPageGad'
 import { PartnersSection } from '~/components/PartnersSection'
 import OpenSourceStats from '~/components/OpenSourceStats'
 import { ossStatsQuery } from '~/queries/stats'
-import { TbBrandX } from 'react-icons/tb'
 import { AdGate } from '~/contexts/AdsContext'
 import { GamHeader } from '~/components/Gam'
 import { GithubIcon } from '~/components/icons/GithubIcon'
 import { Book, Wallpaper } from 'lucide-react'
+import { BrandXIcon } from '~/components/icons/BrandXIcon'
 
 const library = getLibrary('start')
 
@@ -134,7 +134,7 @@ function VersionIndex() {
             className="flex items-center gap-2 py-2 px-4 bg-cyan-500 rounded text-white uppercase font-extrabold"
             rel="noreferrer"
           >
-            <TbBrandX className="min-w-4" /> Tweet about it!
+            <BrandXIcon className="min-w-4" /> Tweet about it!
           </a>{' '}
         </div>
       </div>