From 597bd2e603a7270ccede11e93e394cf9711879d0 Mon Sep 17 00:00:00 2001
From: Akuoko Daniel Jnr <danielakuokojnr@gmail.com>
Date: Fri, 2 Apr 2021 15:17:51 +0000
Subject: [PATCH] fix: carousel sidebar

---
 components/core/CarouselSidebarData.js | 60 +++++++++++++++-----------
 1 file changed, 36 insertions(+), 24 deletions(-)

diff --git a/components/core/CarouselSidebarData.js b/components/core/CarouselSidebarData.js
index 8941840b..dfb9b9b7 100644
--- a/components/core/CarouselSidebarData.js
+++ b/components/core/CarouselSidebarData.js
@@ -469,7 +469,7 @@ class CarouselSidebarData extends React.Component {
         </div>
       );
     }
-
+    console.log(Validations.isPreviewableImage(type));
     elements.push(
       <div key="s-2" style={{ marginBottom: 80 }}>
         <div css={STYLES_META}>
@@ -563,34 +563,46 @@ class CarouselSidebarData extends React.Component {
         )}
         {type && Validations.isPreviewableImage(type) ? null : (
           <div>
-            <System.P css={STYLES_SECTION_HEADER} style={{ margin: "48px 0px 8px 0px" }}>
-              Preview image
-            </System.P>
-            {coverImage ? (
+            {coverImage && (
               <React.Fragment>
-                <System.P css={STYLES_TEXT}>This is the preview image of your file.</System.P>
-                <div css={STYLES_IMAGE_BOX} style={{ marginTop: 24 }}>
-                  <img
-                    src={coverImage.url}
-                    alt=""
-                    style={{ maxWidth: "368px", maxHeight: "368px" }}
+                <System.P css={STYLES_SECTION_HEADER} style={{ margin: "48px 0px 8px 0px" }}>
+                  Preview image
+                </System.P>
+
+                <React.Fragment>
+                  <System.P css={STYLES_TEXT}>This is the preview image of your file.</System.P>
+                  <div css={STYLES_IMAGE_BOX} style={{ marginTop: 24 }}>
+                    <img
+                      src={coverImage?.url}
+                      alt=""
+                      style={{ maxWidth: "368px", maxHeight: "368px" }}
+                    />
+                  </div>
+                </React.Fragment>
+              </React.Fragment>
+            )}
+            {this.props.isOwner && (
+              <React.Fragment>
+                <System.P css={STYLES_TEXT}>Add a cover image for your file.</System.P>
+
+                <div style={{ marginTop: 16 }}>
+                  <input
+                    css={STYLES_FILE_HIDDEN}
+                    type="file"
+                    id="file"
+                    onChange={this._handleUpload}
                   />
+                  <System.ButtonPrimary
+                    full
+                    type="label"
+                    htmlFor="file"
+                    loading={this.state.changingPreview}
+                  >
+                    Upload image
+                  </System.ButtonPrimary>
                 </div>
               </React.Fragment>
-            ) : (
-              <System.P css={STYLES_TEXT}>Add a cover image for your file.</System.P>
             )}
-            <div style={{ marginTop: 16 }}>
-              <input css={STYLES_FILE_HIDDEN} type="file" id="file" onChange={this._handleUpload} />
-              <System.ButtonPrimary
-                full
-                type="label"
-                htmlFor="file"
-                loading={this.state.changingPreview}
-              >
-                Upload image
-              </System.ButtonPrimary>
-            </div>
           </div>
         )}
         {this.props.isOwner ? (