From 32098d254802c61e9214627e5ab17933ee500e1b Mon Sep 17 00:00:00 2001
From: Ajay Sivan <ajayesivan@gmail.com>
Date: Mon, 8 Apr 2024 02:44:21 +0530
Subject: [PATCH] Community collapsed header title animation fix (#19395)

---
 src/quo/components/navigation/page_nav/view.cljs | 12 ++++++------
 src/status_im/common/scroll_page/view.cljs       |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/quo/components/navigation/page_nav/view.cljs b/src/quo/components/navigation/page_nav/view.cljs
index a317a4ddee..6495f69614 100644
--- a/src/quo/components/navigation/page_nav/view.cljs
+++ b/src/quo/components/navigation/page_nav/view.cljs
@@ -113,7 +113,7 @@
                          (and (= theme :dark) (= background :blur)) :grey
                          :else                                      :ghost)
         dropdown-state (if dropdown-selected? :active :default)]
-    [rn/view {:style (style/center-content-container true center-opacity)}
+    [reanimated/view {:style (style/center-content-container true center-opacity)}
      [dropdown/view
       {:type       dropdown-type
        :state      dropdown-state
@@ -124,7 +124,7 @@
 
 (defn- token-center
   [{:keys [theme background token-logo token-name token-abbreviation center-opacity]}]
-  [rn/view {:style (style/center-content-container false center-opacity)}
+  [reanimated/view {:style (style/center-content-container false center-opacity)}
    [rn/image {:style style/token-logo :source token-logo}]
    [text/text
     {:style           style/token-name
@@ -141,7 +141,7 @@
 
 (defn- channel-center
   [{:keys [theme background channel-emoji channel-name channel-icon center-opacity]}]
-  [rn/view {:style (style/center-content-container false center-opacity)}
+  [reanimated/view {:style (style/center-content-container false center-opacity)}
    [rn/text {:style style/channel-emoji}
     channel-emoji]
    [text/text
@@ -154,7 +154,7 @@
 
 (defn- title-description-center
   [{:keys [background theme picture title description center-opacity]}]
-  [rn/view {:style (style/center-content-container false center-opacity)}
+  [reanimated/view {:style (style/center-content-container false center-opacity)}
    (when picture
      [rn/view {:style style/group-avatar-picture}
       [group-avatar/view {:picture picture :size :size-28}]])
@@ -177,7 +177,7 @@
   (let [community? (= type :community)
         shown-logo (if community? community-logo network-logo)
         shown-name (if community? community-name network-name)]
-    [rn/view {:style (style/center-content-container false center-opacity)}
+    [reanimated/view {:style (style/center-content-container false center-opacity)}
      [rn/image
       {:style  style/community-network-logo
        :source shown-logo}]
@@ -189,7 +189,7 @@
 
 (defn- wallet-networks-center
   [{:keys [networks networks-on-press background center-opacity]}]
-  [rn/view {:style (style/center-content-container true center-opacity)}
+  [reanimated/view {:style (style/center-content-container true center-opacity)}
    [network-dropdown/view
     {:state    :default
      :on-press networks-on-press
diff --git a/src/status_im/common/scroll_page/view.cljs b/src/status_im/common/scroll_page/view.cljs
index 72d72b91c3..2a48b116fa 100644
--- a/src/status_im/common/scroll_page/view.cljs
+++ b/src/status_im/common/scroll_page/view.cljs
@@ -66,7 +66,7 @@
                                     :blur
                                     :photo)
                   :right-side     page-nav-right-section-buttons
-                  :center-opacity (reanimated/get-shared-value opacity-animation)
+                  :center-opacity opacity-animation
                   :overlay-shown? overlay-shown?}
            navigate-back? (assoc :icon-name           :i/close
                                  :accessibility-label :back-button