From a52bc8f7ab2dd7a0cc83a73fbb84472a96c943fb Mon Sep 17 00:00:00 2001 From: rui hildt Date: Sat, 22 Aug 2020 01:46:39 +0200 Subject: [PATCH] Cleanup a bit more :) --- src/components/IntervalSelector.js | 7 ++--- src/components/Schedule/DurationSelector.js | 4 ++- src/components/Schedule/SelectedDates.js | 32 ++++++++++----------- src/screens/Home.js | 5 ++-- 4 files changed, 24 insertions(+), 24 deletions(-) diff --git a/src/components/IntervalSelector.js b/src/components/IntervalSelector.js index 79726de..96d1cb4 100644 --- a/src/components/IntervalSelector.js +++ b/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({

} - appearance="default" - size="xs" + icon={} + appearance='default' + size='xs' circle onClick={() => handleClick(eventStart, eventEnd)} > diff --git a/src/components/Schedule/DurationSelector.js b/src/components/Schedule/DurationSelector.js index 2814136..e509755 100644 --- a/src/components/Schedule/DurationSelector.js +++ b/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 ( diff --git a/src/components/Schedule/SelectedDates.js b/src/components/Schedule/SelectedDates.js index daa5560..e584743 100644 --- a/src/components/Schedule/SelectedDates.js +++ b/src/components/Schedule/SelectedDates.js @@ -3,22 +3,20 @@ import { Divider, Icon, IconButton } from 'rsuite'; export default function SelectedDates({ datesList, handleDelete }) { return ( - <> -
    - {datesList.map((date) => ( -
  • - {date.setLocale('en-gb').toLocaleString()} - {` (${date.weekdayShort})`} - - } - appearance='subtle' - circle - onClick={() => handleDelete(date)} - > -
  • - ))} -
- +
    + {datesList.map((date) => ( +
  • + {date.setLocale('en-gb').toLocaleString()} + {` (${date.weekdayShort})`} + + } + appearance='subtle' + circle + onClick={() => handleDelete(date)} + > +
  • + ))} +
); } diff --git a/src/screens/Home.js b/src/screens/Home.js index e780e93..0e244c2 100644 --- a/src/screens/Home.js +++ b/src/screens/Home.js @@ -6,13 +6,14 @@ import { NavBar } from '../components'; export default function Home() { const { authToken } = useAuth(); + return ( <> - Home} bordered > + Home} bordered>

This will be the home page

{authToken}

); -} \ No newline at end of file +}