From 57ef2f69c2dc925b0c1f9b86240a2c4fc5df20e2 Mon Sep 17 00:00:00 2001
From: Kobe Zheng <57577392+KobeZ123@users.noreply.github.com>
Date: Fri, 8 Nov 2024 00:20:03 -0500
Subject: [PATCH] adding tooltip for searchneu button (#761)

* adding tooltip for searchneu button

* update icon used + remove padding that shifts tooltip
---
 .../AddCourseModal/SearchResult.tsx           | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/packages/frontend/components/AddCourseModal/SearchResult.tsx b/packages/frontend/components/AddCourseModal/SearchResult.tsx
index 2b7b1751a..36e8a2429 100644
--- a/packages/frontend/components/AddCourseModal/SearchResult.tsx
+++ b/packages/frontend/components/AddCourseModal/SearchResult.tsx
@@ -1,4 +1,4 @@
-import { AddIcon, QuestionOutlineIcon } from "@chakra-ui/icons";
+import { AddIcon, InfoOutlineIcon } from "@chakra-ui/icons";
 import { Box, Flex, IconButton, Text } from "@chakra-ui/react";
 import { NUPathEnum, ScheduleCourse2, SeasonEnum } from "@graduate/common";
 import { getCourseDisplayString } from "../../utils/";
@@ -54,25 +54,28 @@ export const SearchResult: React.FC<SearchResultProps> = ({
           </Text>
         </Box>
         <Box ml="auto" mr="sm"></Box>
-        <a
-          href={getSearchLink(year ?? 2022, season, course)}
-          target="_blank"
-          rel="noreferrer"
+        <GraduateToolTip
+          label={`Search for ${getCourseDisplayString(course)} on SearchNEU`}
         >
-          <IconButton
-            aria-label="Add class"
-            icon={<QuestionOutlineIcon />}
-            color="primary.blue.light.main"
-            border={0}
-            colorScheme="primary.blue.light.main"
-            isRound
-            size="sm"
-            pr={1}
-            isLoading={isSelectingAnotherCourse}
-            isDisabled={isResultAlreadyAdded || isResultAlreadySelected}
-            alignSelf="center"
-          />
-        </a>
+          <a
+            href={getSearchLink(year ?? 2022, season, course)}
+            target="_blank"
+            rel="noreferrer"
+          >
+            <IconButton
+              aria-label="Search course information"
+              icon={<InfoOutlineIcon />}
+              color="primary.blue.light.main"
+              border={0}
+              colorScheme="primary.blue.light.main"
+              isRound
+              size="md"
+              isLoading={isSelectingAnotherCourse}
+              isDisabled={isResultAlreadyAdded || isResultAlreadySelected}
+              alignSelf="center"
+            />
+          </a>
+        </GraduateToolTip>
         <NUPathLabel
           nuPaths={course.nupaths ? course.nupaths : []}
           filteredPaths={filteredPaths}