Add keys to fragments

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2023-08-20 14:46:01 +02:00
parent 29c9098a91
commit 8bd8e60d4a

View file

@ -62,27 +62,38 @@ const EventInformation: React.FC<IEventInformation> = ({ params }) => {
if (!event.location) return null; if (!event.location) return null;
const text = [ const text = [
<>{event.location.get('name')}</>, <React.Fragment key='event-name'>
{event.location.get('name')}
</React.Fragment>,
]; ];
if (event.location.get('street')?.trim()) { if (event.location.get('street')?.trim()) {
text.push (<><br />{event.location.get('street')}</>); text.push (
<React.Fragment key='event-street'>
<br />{event.location.get('street')}
</React.Fragment>,
);
} }
const address = [event.location.get('postalCode'), event.location.get('locality'), event.location.get('country')].filter(text => text).join(', '); const address = [event.location.get('postalCode'), event.location.get('locality'), event.location.get('country')].filter(text => text).join(', ');
if (address) { if (address) {
text.push(<><br />{address}</>); text.push(
<React.Fragment key='event-address'>
<br />
{address}
</React.Fragment>,
);
} }
if (tileServer && event.location.get('latitude')) { if (tileServer && event.location.get('latitude')) {
text.push( text.push(
<> <React.Fragment key='event-map'>
<br /> <br />
<a href='#' className='text-primary-600 hover:underline dark:text-accent-blue' onClick={handleShowMap}> <a href='#' className='text-primary-600 hover:underline dark:text-accent-blue' onClick={handleShowMap}>
<FormattedMessage id='event.show_on_map' defaultMessage='Show on map' /> <FormattedMessage id='event.show_on_map' defaultMessage='Show on map' />
</a> </a>
</>, </React.Fragment>,
); );
} }