From 94ab27bcbbaa38994609ae40b231450f87c04ce0 Mon Sep 17 00:00:00 2001
From: codemaster <39961806+codemaster115@users.noreply.github.com>
Date: Thu, 2 May 2024 05:45:43 -0700
Subject: [PATCH] fix: wrong color stroke in profile setting (#19815)

---
 .../contexts/profile/settings/header/style.cljs      | 12 +-----------
 .../contexts/profile/settings/header/view.cljs       | 12 +++++-------
 .../contexts/profile/settings/list_items.cljs        |  6 ++++--
 3 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/status_im/contexts/profile/settings/header/style.cljs b/src/status_im/contexts/profile/settings/header/style.cljs
index e8ef5e52ff..eb1f510dff 100644
--- a/src/status_im/contexts/profile/settings/header/style.cljs
+++ b/src/status_im/contexts/profile/settings/header/style.cljs
@@ -1,15 +1,9 @@
 (ns status-im.contexts.profile.settings.header.style
   (:require [quo.foundations.colors :as colors]))
 
-(defn header-view
-  [customization-color theme]
-  {:background-color (colors/resolve-color customization-color theme 40)
-   :min-height       100
-   :flex             1})
-
 (def avatar-row-wrapper
   {:display         :flex
-   :padding-left    16
+   :padding-left    20
    :padding-right   12
    :margin-top      -60
    :margin-bottom   -4
@@ -17,10 +11,6 @@
    :justify-content :space-between
    :flex-direction  :row})
 
-(def title-container
-  {:padding-horizontal 20
-   :padding-vertical   12})
-
 (defn header-middle-shape
   [background-color]
   {:background-color background-color
diff --git a/src/status_im/contexts/profile/settings/header/view.cljs b/src/status_im/contexts/profile/settings/header/view.cljs
index 75f11fbca1..3326e9e2e2 100644
--- a/src/status_im/contexts/profile/settings/header/view.cljs
+++ b/src/status_im/contexts/profile/settings/header/view.cljs
@@ -1,6 +1,5 @@
 (ns status-im.contexts.profile.settings.header.view
-  (:require [clojure.string :as string]
-            [quo.core :as quo]
+  (:require [quo.core :as quo]
             [quo.foundations.colors :as colors]
             [quo.theme]
             [react-native.core :as rn]
@@ -15,6 +14,7 @@
 (defn view
   [{:keys [scroll-y]}]
   (let [theme (quo.theme/use-theme)
+        app-theme (rf/sub [:theme])
         {:keys [public-key emoji-hash bio] :as profile} (rf/sub [:profile/profile-with-image])
         online? (rf/sub [:visibility-status-updates/online?
                          public-key])
@@ -24,9 +24,8 @@
         customization-color (rf/sub [:profile/customization-color])
         full-name (profile.utils/displayed-name profile)
         profile-picture (profile.utils/photo profile)
-        emoji-string (string/join emoji-hash)
         {:keys [status-title status-icon]} (header.utils/visibility-status-type-data status)
-        border-theme theme]
+        border-theme app-theme]
     [:<>
      [header.shape/view
       {:scroll-y            scroll-y
@@ -55,9 +54,8 @@
                                          :theme   :dark
                                          :content (fn [] [visibility-sheet/view])}])}
         status-title]]]
-     [quo/text-combinations
+     [quo/page-top
       {:title-accessibility-label :username
-       :container-style           style/title-container
-       :emoji-hash                emoji-string
+       :emoji-dash                emoji-hash
        :description               bio
        :title                     full-name}]]))
diff --git a/src/status_im/contexts/profile/settings/list_items.cljs b/src/status_im/contexts/profile/settings/list_items.cljs
index 48499a38c5..efa61073d0 100644
--- a/src/status_im/contexts/profile/settings/list_items.cljs
+++ b/src/status_im/contexts/profile/settings/list_items.cljs
@@ -111,7 +111,9 @@
        :image-props :i/light})]
    [{:title    (i18n/label :t/about)
      :on-press #(rf/dispatch [:open-modal :about-app])
-     :action   :arrow}
+     :action   :arrow
+     :blur?    true}
     {:title    (i18n/label :t/status-help)
      :on-press #(rf/dispatch [:open-modal :help-center])
-     :action   :arrow}]])
+     :action   :arrow
+     :blur?    true}]])