From 4d74f23c8246e1c02212cb45efef83e576300fae Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Mon, 26 Feb 2024 13:50:28 -0800
Subject: [PATCH] [CHORE]: Improve UX of custom logo screens (#806)
improve UX of custom logo screens
---
.../Appearance/CustomLogo/index.jsx | 14 +++++++-----
.../OnboardingFlow/Steps/CustomLogo/index.jsx | 22 +++++++++++++------
2 files changed, 23 insertions(+), 13 deletions(-)
diff --git a/frontend/src/pages/GeneralSettings/Appearance/CustomLogo/index.jsx b/frontend/src/pages/GeneralSettings/Appearance/CustomLogo/index.jsx
index 274bcfa31..1e81f563c 100644
--- a/frontend/src/pages/GeneralSettings/Appearance/CustomLogo/index.jsx
+++ b/frontend/src/pages/GeneralSettings/Appearance/CustomLogo/index.jsx
@@ -107,12 +107,14 @@ export default function CustomLogo() {
</div>
</div>
</label>
- <button
- onClick={handleRemoveLogo}
- className="text-white text-base font-medium hover:text-opacity-60"
- >
- Delete
- </button>
+ {!isDefaultLogo && (
+ <button
+ onClick={handleRemoveLogo}
+ className="text-white text-base font-medium hover:text-opacity-60"
+ >
+ Delete
+ </button>
+ )}
</div>
</div>
</div>
diff --git a/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx b/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx
index bb421bc39..47464dab6 100644
--- a/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx
+++ b/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx
@@ -123,13 +123,21 @@ export default function CustomLogo({ setHeader, setForwardBtn, setBackBtn }) {
/>
</div>
)}
-
- <button
- onClick={handleRemoveLogo}
- className="text-white text-base font-medium hover:text-opacity-60 mt-8"
- >
- Remove logo
- </button>
+ {!isDefaultLogo ? (
+ <button
+ onClick={handleRemoveLogo}
+ className="text-white text-base font-medium hover:text-opacity-60 mt-8"
+ >
+ Remove logo
+ </button>
+ ) : (
+ <button
+ onClick={handleForward}
+ className="text-white text-base font-medium hover:text-opacity-60 mt-8"
+ >
+ Skip
+ </button>
+ )}
</div>
</div>
);