From e3ff2ae6e6d38ffe7d24c1d1bffaa5238df13442 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 9 Aug 2024 07:16:30 -0600
Subject: [PATCH] Add tooltip

---
 web/src/components/card/AnimatedEventCard.tsx | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/web/src/components/card/AnimatedEventCard.tsx b/web/src/components/card/AnimatedEventCard.tsx
index adfb95f9c..85d6eb6d4 100644
--- a/web/src/components/card/AnimatedEventCard.tsx
+++ b/web/src/components/card/AnimatedEventCard.tsx
@@ -111,16 +111,21 @@ export function AnimatedEventCard({
           onMouseLeave={isDesktop ? () => setIsHovered(false) : undefined}
         >
           {isHovered && (
-            <Button
-              className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"
-              size="xs"
-              onClick={async () => {
-                await axios.post(`reviews/viewed`, { ids: [event.id] });
-                updateEvents();
-              }}
-            >
-              <FaCircleCheck className="size-3 text-white" />
-            </Button>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"
+                  size="xs"
+                  onClick={async () => {
+                    await axios.post(`reviews/viewed`, { ids: [event.id] });
+                    updateEvents();
+                  }}
+                >
+                  <FaCircleCheck className="size-3 text-white" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>Mark as Reviewed</TooltipContent>
+            </Tooltip>
           )}
           <div
             className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg"