@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
35 lines • 1.54 kB
JavaScript
import { LinearProgress, makeStyles, Typography } from '@material-ui/core';
import React, { Fragment, useMemo } from 'react';
import MonthEvent from '../../../views/month/event/MonthEvent';
import useLocale from '../../hooks/locale/useLocale';
import CalendarEventUtils from '../../tools/CalendarEventUtils';
var useStyles = makeStyles(function (theme) { return ({
root: {
padding: theme.spacing(1),
paddingTop: 0,
},
emptyResultFont: {
fontSize: '12px',
},
}); });
export default function DateEventsContent(props) {
var events = CalendarEventUtils.getDayEvents(props.eventStorage, props.date);
var locale = useLocale();
var classes = useStyles();
function getContent() {
if (events) {
if (events.length === 0) {
return getEmptyResultMessage();
}
return events.map(function (event) { return (React.createElement(Fragment, { key: event.id },
React.createElement(MonthEvent, { event: event }))); });
}
return React.createElement(LinearProgress, null);
}
function getEmptyResultMessage() {
return (React.createElement(Typography, { variant: "subtitle2", className: classes.emptyResultFont }, locale.noEventsForThisDay));
}
// Re-render the content only If eventStorage prop changes.
return React.createElement("div", { className: classes.root }, useMemo(function () { return getContent(); }, [props.eventStorage]));
}
//# sourceMappingURL=DateEventsContent.js.map