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 (
-
+ <>
Dates selected
{datesList.map((date) => (
@@ -21,6 +21,6 @@ export default function SelectedDates({ datesList, eventsList, handleDelete }) {
))}
-
+ >
);
}
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() {
@@ -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;
-};