[CHORE]: Improve UX of custom logo screens (#806)

improve UX of custom logo screens
Mintplex-Labs · Feb 26, 2024 · 4d74f23 · 4d74f23
1 parent 6d18d79
commit 4d74f23
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 13 deletions.
diff --git 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
@@ -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>
   );