Merge branch 'days-left' of github.com:gordon-cs/gordon-360-ui into days-left

Author: Hunter Simpson

src/components/Header/index.jsx

@@ -92,6 +92,7 @@ const GordonHeader = ({ onDrawerToggle }) => {
         buttonClicked={() => setDialog(null)}
         buttonName={'Okay'}
       >
+        <br />
         {isOffline
           ? 'That page is not available offline. Please reconnect to internet to access this feature.'
           : 'That page is only available to authenticated users. Please log in to access it.'}

src/components/Nav/components/NavLinks/index.jsx

@@ -7,6 +7,7 @@ import PeopleIcon from '@mui/icons-material/People';
 import WorkIcon from '@mui/icons-material/Work';
 import { Divider, List } from '@mui/material';
 import RecIMIcon from '@mui/icons-material/SportsFootball';
+import TranscriptIcon from '@mui/icons-material/Receipt';
 import GordonDialogBox from 'components/GordonDialogBox';
 import GordonNavButton from 'components/NavButton';
 import PaletteSwitcherDialog from 'components/PaletteSwitcherDialog';
@@ -36,7 +37,7 @@ const GordonNavLinks = ({ onLinkClick }) => {
         break;
       case 'unauthorized':
         message = 'That page is only available to authenticated users. Please log in to access it.';
-        title = 'Unavailable Offline';
+        title = 'Login Required';
         break;
       default:
         message =
@@ -52,6 +53,7 @@ const GordonNavLinks = ({ onLinkClick }) => {
         buttonClicked={() => setDialog(null)}
         buttonName={'Okay'}
       >
+        <br />
         {message}
       </GordonDialogBox>
     );
@@ -67,6 +69,16 @@ const GordonNavLinks = ({ onLinkClick }) => {
     />
   );
 
+  const guestTranscriptButton = !isAuthenticated ? (
+    <GordonNavButton
+      onLinkClick={onLinkClick}
+      linkName="Guest Transcript"
+      linkPath="Transcript"
+      LinkIcon={TranscriptIcon}
+      divider={false}
+    />
+  ) : null;
+
   const involvementsButton = (
     <GordonNavButton
       onLinkClick={onLinkClick}
@@ -193,6 +205,7 @@ const GordonNavLinks = ({ onLinkClick }) => {
     <>
       <List className={styles.gordon_nav_links}>
         {homeButton}
+        {guestTranscriptButton}
         {involvementsButton}
         {eventsButton}
         {peopleButton}