status-im/status-react
2
0
Fork 0
mirror of https://github.com/status-im/status-react.git synced 2025-02-22 07:38:34 +00:00
Code Issues Projects Releases Wiki Activity

Quo2: Settings item blur (#17258)

Browse Source 
* quo2: settings item blur
This commit is contained in:
Omar Basem 2023-09-12 21:49:10 +04:00 committed by GitHub
parent 6ea31695d6
commit 344c9ba9b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/status_im2/contexts/quo_preview/preview.cljs
View File

@ -231,35 +231,43 @@
(defn preview-container (defn preview-container
[{:keys [state descriptor blur? [{:keys [state descriptor blur? blur-dark-only?
component-container-style component-container-style
blur-container-style blur-view-props blur-height show-blur-background?] blur-container-style blur-view-props blur-height show-blur-background?]
:or {blur-height 200}} :or {blur-height 200}}
& children] & children]
[rn/view [:f>
{:style {:top (safe-area/get-top) (fn []
:flex 1}} (rn/use-effect (fn []
[common/navigation-bar] (when blur-dark-only?
[rn/scroll-view (if blur?
{:style (style/panel-basic) (quo.theme/set-theme :dark)
:shows-vertical-scroll-indicator false} (quo.theme/set-theme :light))))
[rn/pressable {:on-press rn/dismiss-keyboard!} [blur? blur-dark-only?])
(when descriptor [rn/view
[rn/view {:style style/customizer-container} {:style {:top (safe-area/get-top)
[customizer state descriptor]]) :flex 1}}
(if blur? [common/navigation-bar]
[rn/view {:style (merge style/component-container component-container-style)} [rn/scroll-view
(into [blur-view {:style (style/panel-basic)
{:show-blur-background? show-blur-background? :shows-vertical-scroll-indicator false}
:height blur-height [rn/pressable {:on-press rn/dismiss-keyboard!}
:style (merge {:width "100%" (when descriptor
:flex-grow 1} [rn/view {:style style/customizer-container}
(when-not show-blur-background? [customizer state descriptor]])
{:padding-horizontal 0 (if blur?
:top 0}) [rn/view {:style (merge style/component-container component-container-style)}
blur-container-style) (into [blur-view
:blur-view-props (merge {:blur-type (quo.theme/get-theme)} {:show-blur-background? show-blur-background?
blur-view-props)}] :height blur-height
children)] :style (merge {:width "100%"
(into [rn/view {:style (merge style/component-container component-container-style)}] :flex-grow 1}
children))]]]) (when-not show-blur-background?
{:padding-horizontal 0
:top 0})
blur-container-style)
:blur-view-props (merge {:blur-type (quo.theme/get-theme)}
blur-view-props)}]
children)]
(into [rn/view {:style (merge style/component-container component-container-style)}]
children))]]])])

7
src/status_im2/contexts/quo_preview/settings/settings_item.cljs
View File

@ -56,7 +56,9 @@
{:key :positive {:key :positive
:value :positive} :value :positive}
{:key :context {:key :context
:value :context}]}]) :value :context}]}
{:key :blur?
:type :boolean}])
(def communities-list (def communities-list
[{:source (resources/get-mock-image :coinbase)} [{:source (resources/get-mock-image :coinbase)}
@ -111,6 +113,7 @@
{:state state {:state state
:descriptor descriptor :descriptor descriptor
:blur? (:blur? @state) :blur? (:blur? @state)
:show-blur-background? true} :show-blur-background? true
:blur-dark-only? true}
[rn/view {:style {:flex 1}} [rn/view {:style {:flex 1}}
[quo/settings-item (get-props @state)]]]))) [quo/settings-item (get-props @state)]]])))