fix: notification center blur

status-im · May 6, 2024 · c4abb8f · c4abb8f
1 parent 5fc9722
commit c4abb8f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 15 deletions.
diff --git 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
@@ -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}]]
+        ]))))