Cleanup a bit more :)
This commit is contained in:
parent
62e85f91d1
commit
a52bc8f7ab
@ -7,7 +7,6 @@ import scrollGrid from '@fullcalendar/scrollgrid';
|
|||||||
import { DateTime } from 'luxon';
|
import { DateTime } from 'luxon';
|
||||||
import { Icon, IconButton } from 'rsuite';
|
import { Icon, IconButton } from 'rsuite';
|
||||||
|
|
||||||
|
|
||||||
// FullCalendar props
|
// FullCalendar props
|
||||||
const dayMinWidth = 110;
|
const dayMinWidth = 110;
|
||||||
const slotMinTime = '08:00:00';
|
const slotMinTime = '08:00:00';
|
||||||
@ -105,8 +104,8 @@ export default function IntervalSelector({
|
|||||||
<IconButton
|
<IconButton
|
||||||
className={'event-close'}
|
className={'event-close'}
|
||||||
icon={<Icon icon='close' />}
|
icon={<Icon icon='close' />}
|
||||||
appearance="default"
|
appearance='default'
|
||||||
size="xs"
|
size='xs'
|
||||||
circle
|
circle
|
||||||
onClick={() => handleClick(eventStart, eventEnd)}
|
onClick={() => handleClick(eventStart, eventEnd)}
|
||||||
></IconButton>
|
></IconButton>
|
||||||
|
@ -11,11 +11,13 @@ export default function DurationSelector() {
|
|||||||
setDurationIdx(durationIdx + 1);
|
setDurationIdx(durationIdx + 1);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleDecrement = () => {
|
const handleDecrement = () => {
|
||||||
if (durationIdx > 0) {
|
if (durationIdx > 0) {
|
||||||
setDurationIdx(durationIdx - 1);
|
setDurationIdx(durationIdx - 1);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<InputGroup style={{ background: 'white' }}>
|
<InputGroup style={{ background: 'white' }}>
|
||||||
<InputGroup.Button onClick={handleDecrement}>
|
<InputGroup.Button onClick={handleDecrement}>
|
||||||
|
@ -3,7 +3,6 @@ import { Divider, Icon, IconButton } from 'rsuite';
|
|||||||
|
|
||||||
export default function SelectedDates({ datesList, handleDelete }) {
|
export default function SelectedDates({ datesList, handleDelete }) {
|
||||||
return (
|
return (
|
||||||
<>
|
|
||||||
<ul>
|
<ul>
|
||||||
{datesList.map((date) => (
|
{datesList.map((date) => (
|
||||||
<li key={date}>
|
<li key={date}>
|
||||||
@ -19,6 +18,5 @@ export default function SelectedDates({ datesList, handleDelete }) {
|
|||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -6,6 +6,7 @@ import { NavBar } from '../components';
|
|||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
const { authToken } = useAuth();
|
const { authToken } = useAuth();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<NavBar title='Meeting Planner' />
|
<NavBar title='Meeting Planner' />
|
||||||
|
Loading…
Reference in New Issue
Block a user