From ba8c89d6ab1b304c9b443f735f711730357a405d Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 27 Mar 2024 16:31:51 -0600
Subject: [PATCH] Add icons

---
 .../components/overlay/SaveExportOverlay.tsx   | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/src/components/overlay/SaveExportOverlay.tsx b/web/src/components/overlay/SaveExportOverlay.tsx
index b84bda04b..4ccbc1053 100644
--- a/web/src/components/overlay/SaveExportOverlay.tsx
+++ b/web/src/components/overlay/SaveExportOverlay.tsx
@@ -1,4 +1,6 @@
+import { LuDisc, LuDisc2, LuDisc3, LuX } from "react-icons/lu";
 import { Button } from "../ui/button";
+import { FaCompactDisc } from "react-icons/fa";
 
 type SaveExportOverlayProps = {
   className: string;
@@ -19,10 +21,22 @@ export default function SaveExportOverlay({
           show ? "animate-in slide-in-from-top duration-500" : "invisible"
         }  text-center mt-5 mx-auto`}
       >
-        <Button variant="select" size="sm" onClick={onSave}>
+        <Button
+          className="flex items-center gap-1"
+          variant="select"
+          size="sm"
+          onClick={onSave}
+        >
+          <FaCompactDisc />
           Save Export
         </Button>
-        <Button size="sm" variant="secondary" onClick={onCancel}>
+        <Button
+          className="flex items-center gap-1"
+          size="sm"
+          variant="secondary"
+          onClick={onCancel}
+        >
+          <LuX />
           Cancel
         </Button>
       </div>