rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-17 11:54:22 +01:00
Code Issues Releases Activity

(typo) passed -> past

Browse Source
This commit is contained in:
Sylvain 2022-06-29 15:45:17 +02:00
parent a41a22a050
commit b0775ad11c
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/frontend/src/javascript/components/dashboard/reservations/reservations-panel.tsx
View File

@ -36,17 +36,17 @@ const ReservationsPanel: React.FC<SpaceReservationsProps> = ({ userId, onError,
/** /**
* Return the reservations for the given period * Return the reservations for the given period
*/ */
const reservationsByDate = (state: 'passed' | 'futur'): Array<Reservation> => { const reservationsByDate = (state: 'past' | 'futur'): Array<Reservation> => {
return reservations.filter(r => { return reservations.filter(r => {
return !!r.slots_attributes.find(s => filterSlot(s, state)); return !!r.slots_attributes.find(s => filterSlot(s, state));
}); });
}; };
/** /**
* Check if the given slot if passed of futur * Check if the given slot if past of futur
*/ */
const filterSlot = (slot: ReservationSlot, state: 'passed' | 'futur'): boolean => { const filterSlot = (slot: ReservationSlot, state: 'past' | 'futur'): boolean => {
return (state === 'passed' && moment(slot.start_at).isBefore()) || return (state === 'past' && moment(slot.start_at).isBefore()) ||
(state === 'futur' && moment(slot.start_at).isAfter()); (state === 'futur' && moment(slot.start_at).isAfter());
}; };
@ -91,7 +91,7 @@ const ReservationsPanel: React.FC<SpaceReservationsProps> = ({ userId, onError,
/** /**
* Render the reservation in a user-friendly way * Render the reservation in a user-friendly way
*/ */
const renderReservation = (reservation: Reservation, state: 'passed' | 'futur'): ReactNode => { const renderReservation = (reservation: Reservation, state: 'past' | 'futur'): ReactNode => {
return ( return (
<li key={reservation.id} className="reservation"> <li key={reservation.id} className="reservation">
<a className={`reservation-title ${details[reservation.id] ? 'clicked' : ''}`} onClick={toggleDetails(reservation.id)}> <a className={`reservation-title ${details[reservation.id] ? 'clicked' : ''}`} onClick={toggleDetails(reservation.id)}>
@ -109,7 +109,7 @@ const ReservationsPanel: React.FC<SpaceReservationsProps> = ({ userId, onError,
}; };
const futur = reservationsByDate('futur'); const futur = reservationsByDate('futur');
const passed = _.orderBy(reservationsByDate('passed'), r => r.slots_attributes[0].start_at, 'desc'); const past = _.orderBy(reservationsByDate('past'), r => r.slots_attributes[0].start_at, 'desc');
return ( return (
<FabPanel className="reservations-panel" header={header()}> <FabPanel className="reservations-panel" header={header()}>
@ -118,14 +118,14 @@ const ReservationsPanel: React.FC<SpaceReservationsProps> = ({ userId, onError,
{futur.length === 0 && noReservations()} {futur.length === 0 && noReservations()}
{futur.map(r => renderReservation(r, 'futur'))} {futur.map(r => renderReservation(r, 'futur'))}
</ul> </ul>
<h4>{t('app.logged.dashboard.reservations.reservations_panel.passed')}</h4> <h4>{t('app.logged.dashboard.reservations.reservations_panel.past')}</h4>
<ul> <ul>
{passed.length === 0 && noReservations()} {past.length === 0 && noReservations()}
{passed.slice(0, 10).map(r => renderReservation(r, 'passed'))} {past.slice(0, 10).map(r => renderReservation(r, 'past'))}
{passed.length > 10 && !showMore && <li className="show-more"><FabButton onClick={toggleShowMore}> {past.length > 10 && !showMore && <li className="show-more"><FabButton onClick={toggleShowMore}>
{t('app.logged.dashboard.reservations.reservations_panel.show_more')} {t('app.logged.dashboard.reservations.reservations_panel.show_more')}
</FabButton></li>} </FabButton></li>}
{passed.length > 10 && showMore && passed.slice(10).map(r => renderReservation(r, 'passed'))} {past.length > 10 && showMore && past.slice(10).map(r => renderReservation(r, 'past'))}
</ul> </ul>
</FabPanel> </FabPanel>
); );

2
config/locales/app.logged.en.yml
View File

@ -147,7 +147,7 @@ en:
title_Space: "My space reservations" title_Space: "My space reservations"
title_Machine: "My machines reservations" title_Machine: "My machines reservations"
upcoming: "Upcoming" upcoming: "Upcoming"
passed: "Passed" past: "Past"
slots_details: "Slots details" slots_details: "Slots details"
no_reservations: "No reservations" no_reservations: "No reservations"
show_more: "Show more" show_more: "Show more"