style: change add category button to icon on addtool page

fac30 · Dec 12, 2024 · eaf67fd · eaf67fd
1 parent 3d5e5ec
commit eaf67fd
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/app/toolkit/add-tool/components/AddToolTags.tsx b/src/app/toolkit/add-tool/components/AddToolTags.tsx
@@ -3,6 +3,7 @@ import { useAddToolForm } from "@/context/AddToolContext";
 import Button from "@/ui/shared/Button";
 import Modal from "@/ui/shared/Modal";
 import { useDatabase } from "@/context/DatabaseContext";
+import { PlusCircleIcon } from "@heroicons/react/24/outline";
 
 interface Categories {
   id: string;
@@ -87,11 +88,17 @@ export default function AddTags() {
             ariaPressed={formState.categories.includes(category)}
           />
         ))}
-        <Button
+        {/* <Button
           label="+ New Category"
           onClick={() => setModalOpen(true)}
           className="bg-twd-secondary-purple text-white"
-        />
+        /> */}
+        <button
+          onClick={() => setModalOpen(true)}
+          className="flex justify-center items-center"
+        >
+          <PlusCircleIcon className="w-7 m-auto" />
+        </button>
       </div>
 
       <Modal