Update GitHub Actions

src/webPages/Components/HeaderFooter.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import Box from '@mui/material/Box';
 import Button from "@mui/material/Button";
 import NavDropDown from './NavDropDown';
@@ -10,7 +10,7 @@ import DensitySmallSharpIcon from '@mui/icons-material/DensitySmallSharp';
 // import Typography from '@mui/material/Typography';
 
 export const Header = () => {
-    const [openDrawer, setOpenDrawer] = React.useState(false);
+    const [openDrawer, setOpenDrawer] = useState(false);
     const toggleDrawer = (newOpenDrawer: boolean) => () => {
       setOpenDrawer(newOpenDrawer);
     };
@@ -37,23 +37,20 @@ export const Footer = () => {
         window.open("https://www.ucar.edu/accessibility", "_blank");
     }
 
-    const [aboutOpen, setAboutOpen] = React.useState(false);
+    const [, setAboutOpen] = useState(false);
     const handleAboutOpen = () => setAboutOpen(true);
-    const handleAboutClose = () => setAboutOpen(false);
     const handleAbout = () => {
         handleAboutOpen();
     };
 
-    const [collabOpen, setCollabOpen] = React.useState(false);
+    const [, setCollabOpen] = useState(false);
     const handleCollabOpen = () => setCollabOpen(true);
-    const handleCollabClose = () => setCollabOpen(false);
     const handleCollab = () => {
         handleCollabOpen();
     };
 
-    const [sponsorOpen, setSponsorOpen] = React.useState(false);
+    const [, setSponsorOpen] = useState(false);
     const handleSponsorOpen = () => setSponsorOpen(true);
-    const handleSponsorClose = () => setSponsorOpen(false);
     const handleSponsor = () => {
         handleSponsorOpen();
     };

src/webPages/Family/family.tsx

@@ -1,11 +1,10 @@
 import React, { useState } from 'react';
 
-import NavDropDown from '../Components/NavDropDown';
 import RenderFamilyTree from '../Components/RenderFamilyTree';
 import RenderSpeciesReactionTable from '../Components/RenderSpeciesReactionTable';
-import { CreateDOIModal, CreateFamilyModal, CreatePublishModal, CreateShareModal, CreateTagMechanismModal } from '../Components/Modals';
+import { CreateFamilyModal, CreateTagMechanismModal } from '../Components/Modals';
 
-import { StyledHeader, StyledDetailBox } from './familyStyling';
+import { StyledDetailBox } from './familyStyling';
 
 import { Header, Footer } from '../Components/HeaderFooter';
 

src/webPages/LogIn/logIn.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import { googleLogout, useGoogleLogin } from '@react-oauth/google';
@@ -33,7 +32,7 @@ interface Profile {
     const navigate = useNavigate();
     const handleClick = () => navigate('/LoggedIn');
 
-    const [aboutOpen, setAboutOpen] = React.useState(false);
+    const [aboutOpen, setAboutOpen] = useState(false);
     const handleAboutOpen = () => setAboutOpen(true);
     const handleAboutClose = () => setAboutOpen(false);
 

src/webPages/RoutingRenders/App.tsx

@@ -3,7 +3,6 @@ import Settings from '../Settings/settings';
 import LoggedIn from '../LogIn/loggedIn';
 import FamilyPage from '../Family/family';
 import LogIn from '../LogIn/logIn';
-import { Header } from '../Components/HeaderFooter';
 
 function App() {
     return (