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}]] + ]))))