Cleanup a bit more :)

src/components/IntervalSelector.js

@@ -7,7 +7,6 @@ import scrollGrid from '@fullcalendar/scrollgrid';
 import { DateTime } from 'luxon';
 import { Icon, IconButton } from 'rsuite';
 
-
 // FullCalendar props
 const dayMinWidth = 110;
 const slotMinTime = '08:00:00';
@@ -105,8 +104,8 @@ export default function IntervalSelector({
 					<IconButton
 						className={'event-close'}
 						icon={<Icon icon='close' />}
-						appearance="default"
+						appearance='default'
-						size="xs"
+						size='xs'
 						circle
 						onClick={() => handleClick(eventStart, eventEnd)}
 					></IconButton>

src/components/Schedule/DurationSelector.js

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import React, { useState } from 'react';
 import { InputGroup, Icon } from 'rsuite';
 
 import { durations } from '../../assets/data/durations';
@@ -11,11 +11,13 @@ export default function DurationSelector() {
 			setDurationIdx(durationIdx + 1);
 		}
 	};
+
 	const handleDecrement = () => {
 		if (durationIdx > 0) {
 			setDurationIdx(durationIdx - 1);
 		}
 	};
+
 	return (
 		<InputGroup style={{ background: 'white' }}>
 			<InputGroup.Button onClick={handleDecrement}>

src/components/Schedule/SelectedDates.js

@@ -3,7 +3,6 @@ import { Divider, Icon, IconButton } from 'rsuite';
 
 export default function SelectedDates({ datesList, handleDelete }) {
 	return (
-		<>
 		<ul>
 			{datesList.map((date) => (
 				<li key={date}>
@@ -19,6 +18,5 @@ export default function SelectedDates({ datesList, handleDelete }) {
 				</li>
 			))}
 		</ul>
-		</>
 	);
 }

src/screens/Home.js

@@ -6,10 +6,11 @@ import { NavBar } from '../components';
 
 export default function Home() {
 	const { authToken } = useAuth();
+
 	return (
 		<>
 			<NavBar title='Meeting Planner' />
-			<Panel header={<h3>Home</h3>} bordered >
+			<Panel header={<h3>Home</h3>} bordered>
 				<p>This will be the home page</p>
 				<p>{authToken}</p>
 			</Panel>