From c4abb8f8242375ee4bc4abffef0b9e2558cdf491 Mon Sep 17 00:00:00 2001
From: codemaster115 <cryptodev1010@gmail.com>
Date: Tue, 30 Apr 2024 08:11:55 -0700
Subject: [PATCH] fix: notification center blur

---
 .../contexts/shell/activity_center/style.cljs |  2 +-
 .../contexts/shell/activity_center/view.cljs  | 29 ++++++++++---------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/status_im/contexts/shell/activity_center/style.cljs b/src/status_im/contexts/shell/activity_center/style.cljs
index b5be388c9fbb..eba8ab117715 100644
--- a/src/status_im/contexts/shell/activity_center/style.cljs
+++ b/src/status_im/contexts/shell/activity_center/style.cljs
@@ -56,5 +56,5 @@
 
 (def blur
   {:style        {:position :absolute :top 0 :left 0 :right 0 :bottom 0}
-   :overlayColor colors/neutral-80-opa-80
+   :overlayColor colors/neutral-80-opa-80-blur
    :blur-amount  20})
diff --git a/src/status_im/contexts/shell/activity_center/view.cljs b/src/status_im/contexts/shell/activity_center/view.cljs
index f987de763f83..ca7d3f7ef6ae 100644
--- a/src/status_im/contexts/shell/activity_center/view.cljs
+++ b/src/status_im/contexts/shell/activity_center/view.cljs
@@ -1,7 +1,7 @@
 (ns status-im.contexts.shell.activity-center.view
   (:require
     [oops.core :as oops]
-    [react-native.blur :as blur]
+    [quo.core :as quo]
     [react-native.core :as rn]
     [react-native.navigation :as navigation]
     [status-im.contexts.shell.activity-center.header.view :as header]
@@ -67,16 +67,17 @@
     (fn []
       (let [notifications       (rf/sub [:activity-center/notifications])
             customization-color (rf/sub [:profile/customization-color])]
-        [rn/view {:flex 1 :padding-top (navigation/status-bar-height)}
-         [blur/view style/blur]
-         [header/header]
-         [rn/flat-list
-          {:data                      notifications
-           :render-data               {:active-swipeable    active-swipeable
-                                       :customization-color customization-color}
-           :content-container-style   {:flex-grow 1}
-           :empty-component           [empty-tab/empty-tab]
-           :key-fn                    :id
-           :on-scroll-to-index-failed identity
-           :on-end-reached            #(rf/dispatch [:activity-center.notifications/fetch-next-page])
-           :render-fn                 notification-component}]]))))
+        [quo/overlay {:type :shell}
+         [rn/view {:flex 1 :padding-top (navigation/status-bar-height)}
+          [header/header]
+          [rn/flat-list
+           {:data                      notifications
+            :render-data               {:active-swipeable    active-swipeable
+                                        :customization-color customization-color}
+            :content-container-style   {:flex-grow 1}
+            :empty-component           [empty-tab/empty-tab]
+            :key-fn                    :id
+            :on-scroll-to-index-failed identity
+            :on-end-reached            #(rf/dispatch [:activity-center.notifications/fetch-next-page])
+            :render-fn                 notification-component}]]
+        ]))))