Cleanup a bit more :)

This commit is contained in:
rui hildt 2020-08-22 01:46:39 +02:00
parent 62e85f91d1
commit a52bc8f7ab
4 changed files with 24 additions and 24 deletions

View File

@ -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' />}
appearance="default"
size="xs"
icon={<Icon icon='close' />}
appearance='default'
size='xs'
circle
onClick={() => handleClick(eventStart, eventEnd)}
></IconButton>

View File

@ -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}>

View File

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

View File

@ -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>