Merge pull request #122 from 1989ONCE/main

add package: heroicons, flowbite icon
NCUAppTeam · Nov 14, 2024 · 7134cae · 7134cae
2 parents a2b8fcf + 7476ae4
commit 7134cae
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,8 @@
   "dependencies": {
     "@supabase/supabase-js": "^2.45.3",
     "@tanstack/react-router": "^1.56.2",
+    "flowbite-react-icons": "^1.1.0",
+    "heroicons": "^2.1.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "supabase": "^1.200.3"

diff --git a/src/components/DrawerOption.tsx b/src/components/DrawerOption.tsx
@@ -1,6 +1,7 @@
 import { Link } from "@tanstack/react-router";
+import { CaretDown, CaretRight } from "flowbite-react-icons/solid";
 import { useState } from "react";
-import { HStack, SidebarArrowDownIcon, SidebarArrowRightIcon, VStack } from "../components";
+import { HStack, VStack } from "../components";
 
 const options = [
     { name: "首頁", engName: "Home", pageNav: "/" },
@@ -29,9 +30,9 @@ export const DrawerOption = () => {
                 <HStack className="bg-blue-200" key={option.name}>
                     <div className="flex items-center" onClick={() => toggleOption(option.name)}>
                         {openOptions[option.name] ? (
-                            <SidebarArrowDownIcon fill="currentColor" stroke={"#B1B1B1"} size={20} />
+                            <CaretDown />
                         ) : (
-                            <SidebarArrowRightIcon fill="currentColor" stroke={"#B1B1B1"} size={20} />
+                            <CaretRight />
                         )}
                     </div>
                     <Link to={option.pageNav}>