From 85c53040ef507d228b52fb37ef44a8e1208d320e Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Tue, 25 Jul 2023 16:31:27 +0200
Subject: [PATCH] Fix banner placeholder hover

---
 src/pages/EditProfile.module.scss | 9 ++++++++-
 src/pages/EditProfile.tsx         | 7 ++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/pages/EditProfile.module.scss b/src/pages/EditProfile.module.scss
index fa4f4bd2..6f755d8c 100644
--- a/src/pages/EditProfile.module.scss
+++ b/src/pages/EditProfile.module.scss
@@ -10,6 +10,12 @@
   padding-bottom: 20px;
 }
 
+.bannerPlaceholder {
+  position: relative;
+  width: 100%;
+  height: 214px;
+}
+
 .banner {
   position: relative;
   width: 100%;
@@ -24,8 +30,9 @@
     opacity: 0.6;
   }
 
-  >label {
+  >label, .bannerPlaceholder>label {
     position: relative;
+    height: 100%;
     cursor: pointer;
 
     >img {
diff --git a/src/pages/EditProfile.tsx b/src/pages/EditProfile.tsx
index 791f30e3..f57978da 100644
--- a/src/pages/EditProfile.tsx
+++ b/src/pages/EditProfile.tsx
@@ -274,7 +274,12 @@ const EditProfile: Component = () => {
           </Show>
           <Show
             when={banner()}
-            fallback={<div class={styles.bannerPlaceholder}></div>}
+            fallback={
+            <div class={styles.bannerPlaceholder}>
+              <label for="upload-banner">
+                <div>{intl.formatMessage(tSettings.profile.uploadBanner)}</div>
+              </label>
+            </div>}
           >
             <label for="upload-banner">
               <img