cleanup + lint

src/features/editors/Editor.jsx

@@ -39,18 +39,6 @@ export default function Editor() {
             number={1}
             text={'Manage and select event to run'}
           />
-          <div className={styles.cornerButtonContainer}>
-            <Button
-              colorScheme='teal'
-              variant={formMode === 'add' ? 'solid' : 'outline'}
-              rightIcon={<ArrowForwardIcon />}
-              disabled={formMode !== null}
-              onClick={() => setFormMode('add')}
-            >
-              Add Event
-            </Button>
-          </div>
-
           <div className={styles.content}>
             <EventList formMode={formMode} setFormMode={setFormMode} />
           </div>

src/features/viewers/DefaultPresenter.jsx

@@ -3,14 +3,13 @@ import addMinutes from 'date-fns/addMinutes';
 import { useContext, useEffect, useState } from 'react';
 import { EventContext } from '../../app/context/eventContext';
 import { PresenterMessagesContext } from '../../app/context/presenterMessageContext';
-import { sampleData } from '../../app/sampleData';
 import Countdown from '../../common/components/countdown/Countdown';
 import MyProgressBar from '../../common/components/myProgressBar/MyProgressBar';
 import SmallTimer from '../../common/components/smallTimer/SmallTimer';
 import './viewers.css';
 
 export default function DefaultPresenter() {
-  const [event, setEvent] = useContext(EventContext);
+  const [event] = useContext(EventContext);
   const [presMessage] = useContext(PresenterMessagesContext);
   const [initialValues, setInitialValues] = useState(null);
 

src/features/viewers/PreviewContainer.jsx

@@ -1,4 +1,3 @@
-import DefaultPresenter from './DefaultPresenter';
 import styles from './PreviewContainer.module.css';
 import { AspectRatio } from '@chakra-ui/react';
 
@@ -7,25 +6,28 @@ export default function PreviewContainer() {
     <div className={styles.previewContainer}>
       <div className={styles.previewItem}>
         <AspectRatio maxW='300' ratio={16 / 9} className={styles.preview}>
-          <iframe src='http://localhost:3000/'></iframe>
+          <iframe
+            title='Default Presenter'
+            src='http://localhost:3000/'
+          ></iframe>
         </AspectRatio>
         <div className={styles.label}>Default Presenter</div>
       </div>
       <div className={styles.previewItem}>
         <AspectRatio maxW='300' ratio={16 / 9} className={styles.preview}>
-          <iframe src='http://localhost:3000/'></iframe>
+          <iframe title='Audience' src='http://localhost:3000/'></iframe>
         </AspectRatio>
         <div className={styles.label}>Audience</div>
       </div>
       <div className={styles.previewItem}>
         <AspectRatio maxW='300' ratio={16 / 9} className={styles.preview}>
-          <iframe src='http://localhost:3000/'></iframe>
+          <iframe title='Stage Manager' src='http://localhost:3000/'></iframe>
         </AspectRatio>
         <div className={styles.label}>Stage Manager</div>
       </div>
       <div className={styles.previewItem}>
         <AspectRatio maxW='300' ratio={16 / 9} className={styles.preview}>
-          <iframe src='http://localhost:3000/'></iframe>
+          <iframe title='Lower Third' src='http://localhost:3000/'></iframe>
         </AspectRatio>
         <div className={styles.label}>Lower third</div>
       </div>