From a97f8dc1c3db599c8b6e8d296348370708d0908d Mon Sep 17 00:00:00 2001
From: rui hildt <ruihildt@protonmail.com>
Date: Tue, 2 Jun 2020 16:40:08 +0200
Subject: [PATCH] Add sort to selected dates list

---
 src/components/Schedule/SelectedDates.js |  6 +++---
 src/screens/Schedule.js                  | 16 +---------------
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/src/components/Schedule/SelectedDates.js b/src/components/Schedule/SelectedDates.js
index e130019..d917345 100644
--- a/src/components/Schedule/SelectedDates.js
+++ b/src/components/Schedule/SelectedDates.js
@@ -2,9 +2,9 @@ import React from 'react';
 
 import { Divider, Icon, IconButton } from 'rsuite';
 
-export default function SelectedDates({ datesList, eventsList, handleDelete }) {
+export default function SelectedDates({ datesList, handleDelete }) {
 	return (
-		<div>
+		<>
 			<h3>Dates selected</h3>
 			<ul>
 				{datesList.map((date) => (
@@ -21,6 +21,6 @@ export default function SelectedDates({ datesList, eventsList, handleDelete }) {
 					</li>
 				))}
 			</ul>
-		</div>
+		</>
 	);
 }
diff --git a/src/screens/Schedule.js b/src/screens/Schedule.js
index a489d33..bb5cff1 100644
--- a/src/screens/Schedule.js
+++ b/src/screens/Schedule.js
@@ -13,7 +13,7 @@ export default function Schedule() {
 
 	useEffect(() => {
 		// Update selected dates
-		let updatedDates = eventsToDates(eventsList);
+		let updatedDates = eventsToDates(eventsList).sort();
 		setDatesList(updatedDates);
 	}, [eventsList]);
 
@@ -136,7 +136,6 @@ export default function Schedule() {
 					<FormGroup>
 						<SelectedDates
 							datesList={datesList}
-							eventsList={eventsList}
 							handleDelete={handleDelete}
 						/>
 						<Button>Confirm dates</Button>
@@ -155,16 +154,3 @@ const eventsToDates = (events) => {
 	});
 	return dates;
 };
-
-// Convert Luxon Datetime objects to events
-const datesToEvents = (dates) => {
-	let events = [];
-	dates.forEach((date) => {
-		let event = {
-			start: date.toFormat('yyyy-MM-dd'),
-			display: 'background',
-		};
-		events.push(event);
-	});
-	return events;
-};