From 29035a4c9254c0fef727c6239abb823c55a4a388 Mon Sep 17 00:00:00 2001
From: Saihajpreet Singh <saihajpreet.singh@gmail.com>
Date: Mon, 23 Dec 2024 16:58:12 +0100
Subject: [PATCH] refactor: use lucide over heroicons (#1908)

---
 package.json                                  |  1 -
 pnpm-lock.yaml                                | 12 ------------
 src/app/conf/_components/schedule/filters.tsx |  6 +++---
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index ccadc0b35f..6526d83021 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,6 @@
   "dependencies": {
     "@graphql-tools/schema": "10.0.13",
     "@headlessui/react": "^1.7.17",
-    "@heroicons/react": "^2.0.18",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8c555f8eb1..dda8f5ec2b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,9 +19,6 @@ importers:
       '@headlessui/react':
         specifier: ^1.7.17
         version: 1.7.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@heroicons/react':
-        specifier: ^2.0.18
-        version: 2.2.0(react@18.3.1)
       '@radix-ui/react-icons':
         specifier: ^1.3.0
         version: 1.3.2(react@18.3.1)
@@ -1117,11 +1114,6 @@ packages:
       react: ^16 || ^17 || ^18
       react-dom: ^16 || ^17 || ^18
 
-  '@heroicons/react@2.2.0':
-    resolution: {integrity: sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==}
-    peerDependencies:
-      react: '>= 16 || ^19.0.0-rc'
-
   '@humanwhocodes/config-array@0.13.0':
     resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
@@ -5933,10 +5925,6 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@heroicons/react@2.2.0(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
diff --git a/src/app/conf/_components/schedule/filters.tsx b/src/app/conf/_components/schedule/filters.tsx
index 8826098428..ad2199af86 100644
--- a/src/app/conf/_components/schedule/filters.tsx
+++ b/src/app/conf/_components/schedule/filters.tsx
@@ -1,6 +1,6 @@
 import { Menu, Popover, Transition } from "@headlessui/react"
-import { ChevronDownIcon, XMarkIcon } from "@heroicons/react/20/solid"
 import { clsx } from "clsx"
+import { ChevronDown, X } from "lucide-react"
 
 type FiltersProps = {
   categories: { name: string; options: string[] }[]
@@ -22,7 +22,7 @@ export function Filters({
           onClick={onReset}
           className="flex cursor-pointer items-center gap-x-2 rounded-md bg-gray-200 px-2 py-1 text-sm font-medium text-gray-700 hover:bg-gray-300 hover:text-gray-900"
         >
-          Reset filters <XMarkIcon className="inline-block size-4" />
+          Reset filters <X className="inline-block size-4" />
         </button>
       )}
       <Menu as="div" className="relative inline-block text-left">
@@ -68,7 +68,7 @@ export function Filters({
                   {filterState[section.name].length}
                 </span>
               ) : null}
-              <ChevronDownIcon
+              <ChevronDown
                 className="-mr-1 ml-1 size-5 shrink-0 text-gray-400 group-hover:text-gray-500"
                 aria-hidden="true"
               />