From 9b3ef826b82dab69f784383c861d31693d9f7679 Mon Sep 17 00:00:00 2001
From: nkalupahana <avishkank@gmail.com>
Date: Tue, 4 Jan 2022 00:30:01 -0800
Subject: [PATCH] [feat] better carousel handling, and also fixed the
 fullscreen package (currently manual patch, waiting for
 https://github.com/metafizzy/flickity-fullscreen/pull/33)

---
 src/components/ImageCarousel.jsx | 2 +-
 src/components/MoodLogCard.css   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ImageCarousel.jsx b/src/components/ImageCarousel.jsx
index fe7702b9..58cfcd0a 100644
--- a/src/components/ImageCarousel.jsx
+++ b/src/components/ImageCarousel.jsx
@@ -22,7 +22,7 @@ const ImageCarousel = ({ files }) => {
 
     return (
         <>
-            { accessURLs && <Flickity className="carousel-mods" reloadOnUpdate={true} options={{"wrapAround": true, "adaptiveHeight": true, "fullscreen": true}}>
+            { accessURLs && <Flickity className="carousel-mods" reloadOnUpdate={false} options={{"wrapAround": true, "adaptiveHeight": true, "fullscreen": true}}>
                 { accessURLs.map(url => <div key={url} style={{"display": "flex", "alignItems": "center", "justifyContent": "center"}}><img alt="User-attached for mood log" src={url} /></div>)}
             </Flickity> }
         </>
diff --git a/src/components/MoodLogCard.css b/src/components/MoodLogCard.css
index ed93b8d9..93b6dc85 100644
--- a/src/components/MoodLogCard.css
+++ b/src/components/MoodLogCard.css
@@ -36,6 +36,7 @@
     grid-column-start: 1;
     grid-column-end: 3;
     margin-bottom: 30px;
+    min-height: 100px;
 }
 
 .carousel-mods.is-fullscreen > div > div > div {