CCC/spaceapi-ccc-de
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: optimize EventList display

Browse source
This commit is contained in:
Andreas Hubel 2023-09-23 18:11:09 +02:00
commit f26a67633f
1 changed files with 31 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

50
frontend/src/components/EventList.jsx
View file

@ -158,9 +158,6 @@ class EventList extends React.Component {
this.props.fetchCalendars();
}
formatDate = date => (date.format('DD.MM.YYYY'));
formatTime = date => (date.format('HH:mm'));
render() {
const rows = this.props.events.filter(event =>
@ -171,8 +168,7 @@ class EventList extends React.Component {
).map(event => {
return {
...event,
start_date: this.formatDate(event.start),
start_time: this.formatTime(event.start),
start: event.start.format('dd DD. MMM., HH:mm') ?? '',
summary: event.summary || event.description,
link: event.url && <a href={event.url}>
<InfoIcon style={{ cursor: 'pointer', color: '#fff' }} />
@ -180,39 +176,39 @@ class EventList extends React.Component {
}
});
return (
<WrappedVirtualizedTable
rowCount={rows.length}
rowGetter={({ index }) => rows[index]}
columns={[
const columns = [
{
width: 120,
width: 160,
label: 'Date',
dataKey: 'start_date',
dataKey: 'start',
},
{
width: 120,
label: 'Time',
dataKey: 'start_time',
},
{
width: 120,
width: 200,
flexGrow: 1,
label: 'Summary',
dataKey: 'summary',
},
{
width: 120,
flexGrow: 1,
label: 'Carbs (g)',
dataKey: 'space',
},
{
width: 120,
label: 'Protein (g)',
width: 10,
label: 'Link',
dataKey: 'link',
},
]}
{
width: 250,
label: 'Space',
dataKey: 'space',
align: 'right',
},
];
if ( this.props.spacedata.filter.length ) {
delete columns[3];
}
return (
<WrappedVirtualizedTable
rowCount={rows.length}
rowGetter={({ index }) => rows[index]}
columns={columns}
/>
);
}