Code ran through the linter for submission.

cypress/integration/navigation.spec.js

@@ -7,7 +7,8 @@ describe("Navigation", () => {
     cy.visit("/");
 
     cy.contains("[data-testid=day]", "Tuesday")
-    .click()
-    .should("have.class", "day-list__item--selected");
+      .click()
+      .should("have.class", "day-list__item--selected")
+    ;
   });
 })

src/components/Application.js

@@ -1,13 +1,11 @@
 import React from "react";
-
 import "components/Application.scss";
 import DayList from "./DayList";
 import Appointment from "./Appointment/index";
 import useApplicationData from "hooks/useApplicationData";
 import { getAppointmentsForDay, getInterview, getInterviewersForDay } from "helpers/selectors";
 
 
-
 export default function Application(props) {
   const {
     state,
@@ -35,8 +33,6 @@ export default function Application(props) {
     );
   });
 
-
-
   return (
     <main className="layout">
       <section className="sidebar">
@@ -66,4 +62,4 @@ export default function Application(props) {
       </section>
     </main>
   );
-}
+};

src/components/Appointment/Confirm.js

@@ -2,7 +2,6 @@ import React from "react";
 import Button from "components/Button";
 
 export default function Confirm(props) {
-
   return (
     <main className="appointment__card appointment__card--confirm">
       <h1 className="text--semi-bold">{props.message}</h1>
@@ -11,5 +10,5 @@ export default function Confirm(props) {
         <Button onClick={props.onConfirm} danger>Confirm</Button>
       </section>
     </main>
-  )
-}
+  );
+};

src/components/Appointment/Empty.js

@@ -1,7 +1,6 @@
 import React from "react";
 
 export default function Empty(props) {
-
   return (
   <main className="appointment__add">
     <img
@@ -11,5 +10,5 @@ export default function Empty(props) {
       onClick={props.onAdd}
     />
   </main>
-  )
-}
+  );
+};

src/components/Appointment/Error.js

@@ -1,7 +1,6 @@
 import React from "react";
 
 export default function Error(props) {
-
   return (
     <main className="appointment__card appointment__card--error">
       <section className="appointment__error-message">
@@ -15,5 +14,5 @@ export default function Error(props) {
         onClick={props.onClose}
       />
     </main>
-  )
-}
+  );
+};

src/components/Appointment/Form.js

@@ -3,34 +3,33 @@ import Button from "components/Button";
 import InterviewerList from "components/InterviewerList";
 
 
-
 export default function Form(props) {
-
   const [name, setName] = useState(props.name || "");
   const [error, setError] = useState("");
   const valueChange = (event) => {
     return setName(event.target.value);
-  }
+  };
 
   const [interviewer, setInterviewer] = useState(props.interviewer || null);
 
   const reset = (event) => {
     setName("");
     setInterviewer(null);
-  }
+  };
+
   const cancel = (event) => {
     reset();
     props.onCancel()
-  }
+  };
 
   const validate = () => {
     if (name === "") {
       setError("Student name cannot be blank");
       return;
-    }
+    };
     setError("")
     props.onSave(name, interviewer);
-  }
+  };
 
   return (
     <main className="appointment__card appointment__card--create">
@@ -61,5 +60,5 @@ export default function Form(props) {
         </section>
       </section>
     </main>
-  )
-}
+  );
+};

src/components/Appointment/Header.js

@@ -1,11 +1,10 @@
 import React from "react";
 
 export default function Header(props) {
-
   return (
     <header className="appointment__time">
       <h4 className="text--semi-bold">{props.time}</h4>
       <hr className="appointment__separator" />
     </header>
-  )
-}
+  );
+};

src/components/Appointment/Show.js

@@ -1,7 +1,6 @@
 import React from "react";
 
 export default function Show(props) {
-
   return (
     <main className="appointment__card appointment__card--show">
       <section className="appointment__card-left">
@@ -26,5 +25,5 @@ export default function Show(props) {
         </section>
       </section>
     </main>
-  )
-}
+  );
+};

src/components/Appointment/Status.js

@@ -1,7 +1,6 @@
 import React from "react";
 
 export default function Status(props) {
-
   return (
     <main className="appointment__card appointment__card--status">
       <img
@@ -11,5 +10,5 @@ export default function Status(props) {
       />
       <h1 className="text--semi-bold">{props.message}</h1>
     </main>
-  )
-}
+  );
+};

src/components/Appointment/index.js

@@ -28,18 +28,18 @@ export default function Appointment(props) {
 
   const onAdd = () => {
     transition(CREATE);
-  }
+  };
 
   const onCancel = () => {
     back();
-  }
+  };
 
   const onDelete = () => {
     transition(DELETING, true);
     props.cancelInterview(props.id)
       .then(() => transition(EMPTY))
       .catch((error) => transition(ERROR_DELETE, true))
-  }
+  };
 
   const onSave = (name, interviewer) => {
     const interview = {
@@ -51,7 +51,7 @@ export default function Appointment(props) {
       .bookInterview(props.id, interview)
       .then(() => transition(SHOW))
       .catch((error) => transition(ERROR_SAVE, true))
-  }
+  };
 
   return (
     <article className="appointment" data-testid="appointment">
@@ -103,5 +103,5 @@ export default function Appointment(props) {
       />
       )}
     </article>
-  )
-}
+  );
+};

src/components/Button.js

@@ -1,5 +1,4 @@
 import React from "react";
-
 import "components/Button.scss";
 import classNames from "classnames";
 
@@ -22,4 +21,4 @@ export default function Button(props) {
       {props.children}
     </button>
    );
-}
+};

src/components/DayListItem.js

@@ -1,5 +1,4 @@
 import React from "react";
-
 import "components/DayListItem.scss";
 import classNames from "classnames";
 
@@ -11,7 +10,7 @@ export default function DayListItem(props) {
       'day-list__item--selected': props.selected,
       'day-list__item--full': props.spots === 0
     }
-  )
+  );
 
   const formatSpots = function(spots) {
     if (spots > 1) {
@@ -23,7 +22,7 @@ export default function DayListItem(props) {
     if (spots === 0) {
       return ("no spots remaining");
     }
-  }
+  };
 
   return (
     <li 
@@ -35,4 +34,4 @@ export default function DayListItem(props) {
       <h3 className="text--light">{formatSpots(props.spots)}</h3>
     </li>
   );
-}
+};

src/components/InterviewerList.js

@@ -1,11 +1,9 @@
 import React from "react";
 import PropTypes from "prop-types";
-
 import "components/InterviewerList.scss";
 import InterviewerListItem from "components/InterviewerListItem";
 
 
-
 export default function InterviewerList(props) {
   const list = props.interviewers.map((interviewer) => {
     return (
@@ -17,15 +15,15 @@ export default function InterviewerList(props) {
         setInterviewer={(event) => props.setInterviewer(interviewer.id)}
       />
     )
-  })
+  });
 
   return (
     <section className="interviewers">
       <h4 className="interviewers__header text--light">Interviewer</h4>
       <ul className="interviewers__list">{list}</ul>
     </section>
-  )
-}
+  );
+};
 
 InterviewerList.propTypes = {
   interviewers: PropTypes.array.isRequired

src/components/__tests__/Application.test.js

@@ -1,13 +1,10 @@
 import React from "react";
-
 import { render, cleanup, waitForElement, fireEvent, getByText, prettyDOM,  getAllByTestId, getByAltText, getByPlaceholderText, queryByText, queryByAltText } from "@testing-library/react";
 import axios from "axios";
-
 import Application from "components/Application";
 
 afterEach(cleanup);
 
-
 describe("Application", () => {
   it("defaults to Monday and changes the schedule when a new day is selected", () => {
     const { getByText } = render(<Application />);

src/components/__tests__/Appointment.test.js

@@ -1,7 +1,5 @@
 import React from "react";
-
 import { render, cleanup } from "@testing-library/react";
-
 import Appointment from "components/Appointment/index";
 
 afterEach(cleanup);
@@ -10,4 +8,4 @@ describe("Appointment", () => {
   it("renders without crashing", () => {
     render(<Appointment />);
   });  
-});
+});