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';
@@ -104,9 +103,9 @@ export default function IntervalSelector({
 					</p>
 					<IconButton
 						className={'event-close'}
-						icon={<Icon icon='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,22 +3,20 @@ import { Divider, Icon, IconButton } from 'rsuite';
 
 export default function SelectedDates({ datesList, handleDelete }) {
 	return (
-		<>
+		<ul>
-			<ul>
+			{datesList.map((date) => (
-				{datesList.map((date) => (
+				<li key={date}>
-					<li key={date}>
+					{date.setLocale('en-gb').toLocaleString()}
-						{date.setLocale('en-gb').toLocaleString()}
+					{` (${date.weekdayShort})`}
-						{` (${date.weekdayShort})`}
+					<Divider vertical />
-						<Divider vertical />
+					<IconButton
-						<IconButton
+						icon={<Icon icon='close' />}
-							icon={<Icon icon='close' />}
+						appearance='subtle'
-							appearance='subtle'
+						circle
-							circle
+						onClick={() => handleDelete(date)}
-							onClick={() => handleDelete(date)}
+					></IconButton>
-						></IconButton>
+				</li>
-					</li>
+			))}
-				))}
+		</ul>
-			</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>