From d1c0e5b539c2aca73fb39eb043f633ac26ec7d78 Mon Sep 17 00:00:00 2001
From: Tuomas Ahola <taahol@utu.fi>
Date: Sat, 25 Nov 2023 13:44:36 +0200
Subject: [PATCH] Fix syntax for HTML entities in React

---
 components/calendar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/calendar.tsx b/components/calendar.tsx
index 85d6e50..8e731ba 100644
--- a/components/calendar.tsx
+++ b/components/calendar.tsx
@@ -102,7 +102,7 @@ const Event: FC<{ event: Event }> = ({ event }) => {
 const formatWithTime = (start: Date, end: Date) => {
   const startFormatted = format(start, 'HH:mm', { locale: fi });
   const endFormatted = format(end, 'HH:mm', { locale: fi });
-  return `kello ${startFormatted} &ndash; ${endFormatted}`;
+  return `kello ${startFormatted} <>&ndash;</> ${endFormatted}`;
 };
 
 const formatWithoutTime = (start: Date, end: Date) => {
@@ -112,7 +112,7 @@ const formatWithoutTime = (start: Date, end: Date) => {
 
   if (startFormatted === endFormatted) return 'Koko päivä';
 
-  return `${startFormatted} &ndash; ${endFormatted}`;
+  return `${startFormatted} <>&ndash;</> ${endFormatted}`;
 };
 
 export default Calendar;