feat: replace lucide react with react icons (#5)

krishna-santosh · Nov 30, 2023 · 8409d1a · 8409d1a
1 parent 425261f
commit 8409d1a
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@ Comes with...
 - Zustand
 - Tailwind CSS
 - DaisyUI
-- Lucide React
+- React Icons
 - PWA
 - Vite, ESLint, Prettier
 

diff --git a/package.json b/package.json
@@ -12,9 +12,9 @@
     "fmt": "prettier -w ."
   },
   "dependencies": {
-    "lucide-react": "^0.293.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^4.12.0",
     "react-router-dom": "^6.20.0",
     "zustand": "^4.4.6"
   },

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/screenshots/d2.png b/public/screenshots/d2.png
diff --git a/public/screenshots/p2.png b/public/screenshots/p2.png
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
@@ -21,7 +21,7 @@ const About = () => {
         <li>Zustand </li>
         <li>Tailwind CSS </li>
         <li>DaisyUI </li>
-        <li>Lucide React </li>
+        <li>React Icons</li>
         <li>PWA</li>
         <li>Vite, ESLint, Prettier </li>
       </ul>

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -1,4 +1,4 @@
-import { Minus, Plus } from "lucide-react";
+import { LuMinus, LuPlus } from "react-icons/lu";
 import { useCount } from "../store/count";
 
 const Home = () => {
@@ -11,15 +11,15 @@ const Home = () => {
         className="btn btn-secondary"
         onClick={decrementCount}
       >
-        <Minus />
+        <LuMinus className="text-2xl" />
       </button>
       <h1 className="text-4xl">{count}</h1>
       <button
         aria-label="Plus 1"
         className="btn btn-secondary"
         onClick={incrementCount}
       >
-        <Plus />
+        <LuPlus className="text-2xl" />
       </button>
     </div>
   );