From 6e8a98205d95fa4296f8f04391f9c1f1ea0f1e0f Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 20 Mar 2024 11:45:40 -0600
Subject: [PATCH] Use action icons from design and fix spacing

---
 web/src/components/filter/ReviewActionGroup.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/src/components/filter/ReviewActionGroup.tsx b/web/src/components/filter/ReviewActionGroup.tsx
index 6b9935d04..253a865aa 100644
--- a/web/src/components/filter/ReviewActionGroup.tsx
+++ b/web/src/components/filter/ReviewActionGroup.tsx
@@ -1,8 +1,10 @@
-import { LuCheckSquare, LuFileUp, LuTrash } from "react-icons/lu";
+import { FaCircleCheck } from "react-icons/fa6";
 import { useCallback } from "react";
 import axios from "axios";
 import { Button } from "../ui/button";
 import { isDesktop } from "react-device-detect";
+import { FaCompactDisc } from "react-icons/fa";
+import { HiTrash } from "react-icons/hi";
 
 type ReviewActionGroupProps = {
   selectedReviews: string[];
@@ -49,7 +51,7 @@ export default function ReviewActionGroup({
       <div className="flex items-center gap-1 md:gap-2">
         {selectedReviews.length == 1 && (
           <Button
-            className="flex items-center"
+            className="p-2 flex items-center gap-2"
             variant="secondary"
             size="sm"
             onClick={() => {
@@ -57,26 +59,26 @@ export default function ReviewActionGroup({
               onClearSelected();
             }}
           >
-            <LuFileUp className="mr-1" />
+            <FaCompactDisc />
             {isDesktop && "Export"}
           </Button>
         )}
         <Button
-          className="flex items-center"
+          className="p-2 flex items-center gap-2"
           variant="secondary"
           size="sm"
           onClick={onMarkAsReviewed}
         >
-          <LuCheckSquare className="mr-1" />
+          <FaCircleCheck />
           {isDesktop && "Mark as reviewed"}
         </Button>
         <Button
-          className="flex items-center"
+          className="p-2 flex items-center gap-1"
           variant="secondary"
           size="sm"
           onClick={onDelete}
         >
-          <LuTrash className="mr-1" />
+          <HiTrash />
           {isDesktop && "Delete"}
         </Button>
       </div>