add(blockRenderer): add blockRenderer component to add link open to a new page

next/components/timeSlot/index.jsx

@@ -1,23 +1,24 @@
-import { BlocksRenderer } from '@strapi/blocks-react-renderer';
+import BlockRenderer from '@/components/blockRenderer';
 import styles from './style.module.scss';
 
 export default async function TimeSlot(props) {
-    const date_begin = new Date(props.start)
-    const date_end = new Date(props.end)
-    const date_format = new Intl.DateTimeFormat('fr', {
-          weekday: 'long',
-          month: "long",
-          day: "numeric"
-        }).format(date_begin)
+  const date_begin = new Date(props.start);
+  const date_end = new Date(props.end);
+  const date_format = new Intl.DateTimeFormat('fr', {
+    weekday: 'long',
+    month: 'long',
+    day: 'numeric',
+  }).format(date_begin);
 
-    return (
-        <article className={styles.timeSlot}>
-            <h4>
-                {date_format} - {date_begin.getHours()}h
-                {date_begin.getMinutes() !== 0 ? date_begin.getMinutes() : ""} à&nbsp;
-                {date_end.getHours()}h{date_end.getMinutes() !== 0 ? date_end.getMinutes() : ""}
-            </h4>
-            <BlocksRenderer content={props.content}/>
-        </article>
-    );
-}
+  return (
+    <article className={styles.timeSlot}>
+      <h4>
+        {date_format} - {date_begin.getHours()}h
+        {date_begin.getMinutes() !== 0 ? date_begin.getMinutes() : ''} à&nbsp;
+        {date_end.getHours()}h
+        {date_end.getMinutes() !== 0 ? date_end.getMinutes() : ''}
+      </h4>
+      <BlockRenderer content={props.content} />
+    </article>
+  );
+}