BOSGII · ismail-deniz · May 29, 2023 · May 29, 2023 · May 29, 2023 · May 29, 2023
diff --git a/features.txt b/features.txt
@@ -65,6 +65,7 @@ bugfix-b6: AddInstructor and AddTA checks
 bugfix-b7: adjust Final PDF generation 
 bugfix-b8: saving passwords to database 
 bugfix-b9: get internships deadline check & frontend styling bugfix
+bugfix-b10: Tooltips
 
 
 

diff --git a/frontend/src/components/AssignToAnInstructorButton/AssignToAnInstructorButton.js b/frontend/src/components/AssignToAnInstructorButton/AssignToAnInstructorButton.js
@@ -10,6 +10,7 @@ import {
   Select,
   MenuItem,
   Typography,
+  Tooltip
 } from "@mui/material";
 import ChangeCircleIcon from "@mui/icons-material/ChangeCircle";
 
@@ -101,9 +102,11 @@ export default function AssignToAnInstructorButton({
 
   return (
     <div>
-      <IconButton onClick={handleClickOpen}>
-        <ChangeCircleIcon></ChangeCircleIcon>
-      </IconButton>
+      <Tooltip title="Assign to an Instructor">
+        <IconButton onClick={handleClickOpen}>
+          <ChangeCircleIcon></ChangeCircleIcon>
+        </IconButton>
+      </Tooltip>
       {error && <div>{error.message}</div>}
       {availableInstructors && (
         <Dialog

diff --git a/frontend/src/components/ChangeInstructorDetailsButton/ChangeInstructorDetailsButton.js b/frontend/src/components/ChangeInstructorDetailsButton/ChangeInstructorDetailsButton.js
@@ -1,4 +1,4 @@
-import { Button, IconButton, Modal, TextField } from "@mui/material";
+import { Button, IconButton, Modal, TextField, Tooltip } from "@mui/material";
 import EditIcon from "@mui/icons-material/Edit";
 import { useState } from "react";
 import axios from "axios";
@@ -56,13 +56,15 @@ export default function ChangeInstructorDetailsButton({
   };
   return (
     <>
-      <IconButton
-        onClick={() => {
-          setOpen(true);
-        }}
-      >
-        <EditIcon></EditIcon>
-      </IconButton>
+      <Tooltip title="Change Instructor Details">
+        <IconButton
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          <EditIcon></EditIcon>
+        </IconButton>
+      </Tooltip>
       <Modal
         sx={{
           display: "flex",

diff --git a/frontend/src/components/ChangeInternshipDetailsButton/ChangeInternshipDetailsButton.js b/frontend/src/components/ChangeInternshipDetailsButton/ChangeInternshipDetailsButton.js
@@ -1,6 +1,6 @@
-import { IconButton } from "@mui/material";
+import { IconButton, Tooltip } from "@mui/material";
 import EditIcon from '@mui/icons-material/Edit';
 
 export default function ChangeInternshipDetailsButton() {
-  return <IconButton><EditIcon></EditIcon></IconButton>;
+  return <Tooltip title="Change Internship Details"><IconButton><EditIcon></EditIcon></IconButton></Tooltip>;
 }
diff --git a/frontend/src/components/DeleteInstructorButton/DeleteInstructorButton.js b/frontend/src/components/DeleteInstructorButton/DeleteInstructorButton.js
@@ -1,4 +1,4 @@
-import { IconButton } from "@mui/material";
+import { IconButton, Tooltip } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 
 import axios from "axios";
@@ -25,8 +25,10 @@ export default function DeleteInstructorButton({
   };
 
   return (
+    <Tooltip title="Delete Instructor">
     <IconButton onClick={handleDeleteInstructor}>
       <CloseIcon color="error"></CloseIcon>
     </IconButton>
+    </Tooltip>
   );
 }
diff --git a/frontend/src/components/DeleteInternshipButton/DeleteInternshipButton.js b/frontend/src/components/DeleteInternshipButton/DeleteInternshipButton.js
@@ -1,4 +1,4 @@
-import { IconButton } from "@mui/material";
+import { IconButton, Tooltip } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 
 import axios from "axios";
@@ -25,8 +25,10 @@ export default function DeleteInternshipButton({
   };
 
   return (
+    <Tooltip title="Delete Internship">
     <IconButton onClick={handleDeleteInternship}>
       <CloseIcon color="error"></CloseIcon>
     </IconButton>
+    </Tooltip>
   );
 }
diff --git a/frontend/src/components/Instructor/Instructor.js b/frontend/src/components/Instructor/Instructor.js
@@ -1,4 +1,4 @@
-import { IconButton, Card, ListItem, ListItemText, Stack } from "@mui/material";
+import { IconButton, Card, ListItem, ListItemText, Tooltip, Stack } from "@mui/material";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import ChangeInstructorDetailsButton from "../ChangeInstructorDetailsButton/ChangeInstructorDetailsButton";
@@ -50,13 +50,15 @@ export default function Instructor({ instructor, refreshInstructors }) {
             instructor={instructor}
             refreshInstructors={refreshInstructors}
           />
+          <Tooltip title="See Assigned Internships">
           <IconButton
             onClick={() => {
               navigate(`/instructors/${instructor.id}`);
             }}
           >
             <VisibilityIcon></VisibilityIcon>
           </IconButton>
+          </Tooltip>
           <DeleteInstructorButton
             instructorId={instructor.id}
             refreshInstructors={refreshInstructors}

diff --git a/frontend/src/components/SeeSubmissionButton/SeeSubmissionButton.js b/frontend/src/components/SeeSubmissionButton/SeeSubmissionButton.js
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { useNavigate } from "react-router-dom";
 import { UserContext } from "../../contexts/UserContext";
-import { IconButton } from "@mui/material";
+import { IconButton, Tooltip } from "@mui/material";
 import { InternshipIDContext } from "../../contexts/InternshipIDContext";
 
 import VisibilityIcon from '@mui/icons-material/Visibility';
@@ -45,5 +45,5 @@ export default function SeeSubmissionButton({
     }
   };
 
-  return <IconButton onClick={redirectToSubmissionPage}><VisibilityIcon></VisibilityIcon></IconButton>;
+    return <Tooltip title="See Submission"><IconButton onClick={redirectToSubmissionPage}><VisibilityIcon></VisibilityIcon></IconButton></Tooltip>;
 }
diff --git a/...end/src/components/UploadCompanyEvaluationFormButton/UploadCompanyEvaluationFormButton.js b/...end/src/components/UploadCompanyEvaluationFormButton/UploadCompanyEvaluationFormButton.js
@@ -1,4 +1,4 @@
-import { IconButton, Dialog, Typography } from "@mui/material";
+import { IconButton, Dialog, Typography, Tooltip } from "@mui/material";
 import UploadIcon from "@mui/icons-material/Upload";
 import { useState } from "react";
 import axios from "axios";
@@ -40,13 +40,15 @@ export default function UploadCompanyEvaluationFormButton({
 
   return (
     <>
-      <IconButton
-        onClick={() => {
-          setOpen(true);
-        }}
-      >
-        <UploadIcon></UploadIcon>
-      </IconButton>
+      <Tooltip title="Upload Company Evaluation Form">
+        <IconButton
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          <UploadIcon></UploadIcon>
+        </IconButton>
+      </Tooltip>
       <Dialog
         open={open}
         onClose={() => {