From a6211ab25a954deb56f24904781ebc26ccb865dd Mon Sep 17 00:00:00 2001
From: AngelaZQ1 <zheng.ang@northeastern.edu>
Date: Thu, 8 Feb 2024 17:25:30 -0500
Subject: [PATCH] WI tooltip

---
 .../components/Sidebar/NUPathSection.tsx      | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/components/Sidebar/NUPathSection.tsx b/packages/frontend/components/Sidebar/NUPathSection.tsx
index 48d37390f..06002fe49 100644
--- a/packages/frontend/components/Sidebar/NUPathSection.tsx
+++ b/packages/frontend/components/Sidebar/NUPathSection.tsx
@@ -2,6 +2,7 @@ import { NUPathEnum, ScheduleCourse2 } from "@graduate/common";
 import { SidebarValidationStatus } from "./Sidebar";
 import { useState } from "react";
 import { Box, Flex, Spinner, Text } from "@chakra-ui/react";
+import { HelperToolTip } from "../Help";
 import {
   CheckIcon,
   ChevronDownIcon,
@@ -220,9 +221,8 @@ const NUPathRequirement: React.FC<NUPathRequirementProps> = ({
   nupath,
   numTaken,
 }) => {
-  const isSatisfied =
-    (nupath === NUPathEnum.WI && numTaken >= 2) ||
-    (nupath !== NUPathEnum.WI && numTaken >= 1);
+  const isWI = nupath === NUPathEnum.WI;
+  const isSatisfied = (isWI && numTaken >= 2) || (!isWI && numTaken >= 1);
 
   return (
     <Flex my="xs" ml="xs" columnGap="xs">
@@ -259,10 +259,15 @@ const NUPathRequirement: React.FC<NUPathRequirementProps> = ({
           boxSize="13px"
         />
       </Box>
-      <Text fontSize="sm" as="b">
-        {abbreviation}
-      </Text>
-      <Text fontSize="sm">{nupath}</Text>
+      <Flex alignItems="center" columnGap="3xs">
+        <Text fontSize="sm" as="b">
+          {abbreviation}
+        </Text>
+        <Text fontSize="sm" mr="4xs">
+          {nupath}
+        </Text>
+        {isWI && <HelperToolTip label="Complete 2 Writing Intensive courses" />}
+      </Flex>
     </Flex>
   );
 };