From a811300f3efa1c658752091d604d62dae39e6cae Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Wed, 11 Jan 2023 08:45:00 +0900
Subject: [PATCH] Bugfixes in media display

---
 src/widgets/calendar/CalendarDay.tsx | 8 ++++----
 src/widgets/calendar/MediaList.tsx   | 9 ++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/widgets/calendar/CalendarDay.tsx b/src/widgets/calendar/CalendarDay.tsx
index 830dc5901..c8ddc2f9d 100644
--- a/src/widgets/calendar/CalendarDay.tsx
+++ b/src/widgets/calendar/CalendarDay.tsx
@@ -28,10 +28,10 @@ export const CalendarDay = ({ date, medias }: CalendarDayProps) => {
     >
       <Popover.Target>
         <Box onClick={open}>
-          <DayIndicator color={'red'} position="bottom-start" medias={medias.books}>
-            <DayIndicator color={'yellow'} position="top-start" medias={medias.movies}>
-              <DayIndicator color={'blue'} position="top-end" medias={medias.tvShows}>
-                <DayIndicator color={'green'} position="bottom-end" medias={medias.musics}>
+          <DayIndicator color="red" position="bottom-start" medias={medias.books}>
+            <DayIndicator color="yellow" position="top-start" medias={medias.movies}>
+              <DayIndicator color="blue" position="top-end" medias={medias.tvShows}>
+                <DayIndicator color="green" position="bottom-end" medias={medias.musics}>
                   <div>{date.getDate()}</div>
                 </DayIndicator>
               </DayIndicator>
diff --git a/src/widgets/calendar/MediaList.tsx b/src/widgets/calendar/MediaList.tsx
index f38f39340..6fee8be0f 100644
--- a/src/widgets/calendar/MediaList.tsx
+++ b/src/widgets/calendar/MediaList.tsx
@@ -41,14 +41,13 @@ const mapMedias = (
   medias: any[],
   MediaComponent: (props: { media: any }) => JSX.Element | null,
   containsLastItem: boolean
-) => {
-  return medias.map((media, index) => (
-    <React.Fragment>
+) =>
+  medias.map((media, index) => (
+    <div key={index}>
       <MediaComponent media={media} />
       {containsLastItem && index === medias.length - 1 ? null : <MediaDivider />}
-    </React.Fragment>
+    </div>
   ));
-};
 
 const MediaDivider = () => <Divider variant="dashed" size="sm" my="xl" />;