From 7c244e256f54524dfee8374ad8ad332e7fd70ac4 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Tue, 4 Mar 2025 05:49:00 +0800
Subject: [PATCH] feat: remove NotificationIcon from admin navbar and add
 @heroicons/react dependency

---
 app/layouts/admin/navbar.tsx |  5 -----
 package.json                 |  1 +
 pnpm-lock.yaml               | 12 ++++++++++++
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/layouts/admin/navbar.tsx b/app/layouts/admin/navbar.tsx
index fd58500..143d110 100644
--- a/app/layouts/admin/navbar.tsx
+++ b/app/layouts/admin/navbar.tsx
@@ -2,7 +2,6 @@ import { Button, Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
 import { Link, useFetcher, useRouteLoaderData } from 'react-router'
 
 import { ChevronIcon } from '~/components/icons/chevron'
-import { NotificationIcon } from '~/components/icons/notification'
 import { APP } from '~/configs/meta'
 import type { loader } from '~/routes/_admin.lg-admin'
 
@@ -55,10 +54,6 @@ export const Navbar = () => {
             </fetcher.Form>
           </PopoverPanel>
         </Popover>
-        <NotificationIcon
-          className="text-[#B0C3CC]"
-          showBadge={true}
-        />
       </div>
     </div>
   )
diff --git a/package.json b/package.json
index 9d848dc..1888274 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@headlessui/react": "^2.2.0",
+    "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^4.1.1",
     "@react-router/fs-routes": "^7.1.3",
     "@react-router/node": "^7.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5061e24..b3cf906 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       '@headlessui/react':
         specifier: ^2.2.0
         version: 2.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@heroicons/react':
+        specifier: ^2.2.0
+        version: 2.2.0(react@19.0.0)
       '@hookform/resolvers':
         specifier: ^4.1.1
         version: 4.1.1(react-hook-form@7.54.2(react@19.0.0))
@@ -618,6 +621,11 @@ packages:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
+  '@heroicons/react@2.2.0':
+    resolution: {integrity: sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==}
+    peerDependencies:
+      react: '>= 16 || ^19.0.0-rc'
+
   '@hookform/resolvers@4.1.1':
     resolution: {integrity: sha512-S9YN1RgNWG+klUz5uQaV6rjE4pr6Py2tamj7ekshzLcMyg+/Pal1KZAYgGszV0+doiy41dUiQgXL3uRS9stndQ==}
     peerDependencies:
@@ -5042,6 +5050,10 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@heroicons/react@2.2.0(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+
   '@hookform/resolvers@4.1.1(react-hook-form@7.54.2(react@19.0.0))':
     dependencies:
       caniuse-lite: 1.0.30001700