diff --git a/src/quo2/components/notifications/toast/view.cljs b/src/quo2/components/notifications/toast/view.cljs index 2b9e192c5d4..2999f17d32e 100644 --- a/src/quo2/components/notifications/toast/view.cljs +++ b/src/quo2/components/notifications/toast/view.cljs @@ -68,8 +68,7 @@ (def ^:private toast-container (quo.theme/with-theme toast-container-internal)) (defn toast - [{:keys [icon icon-color title text action undo-duration undo-on-press container-style - theme user]}] + [{:keys [icon icon-color title text action undo-duration undo-on-press container-style theme user]}] (let [context-theme (or theme (quo.theme/get-theme))] [quo.theme/provider {:theme context-theme} [toast-container @@ -78,7 +77,6 @@ (cond-> (style/icon context-theme) icon-color (assoc :color icon-color))] - user [user-avatar/user-avatar user]) :title title diff --git a/src/status_im2/contexts/quo_preview/main.cljs b/src/status_im2/contexts/quo_preview/main.cljs index 6f0d6f4a278..6a45f320e9f 100644 --- a/src/status_im2/contexts/quo_preview/main.cljs +++ b/src/status_im2/contexts/quo_preview/main.cljs @@ -305,9 +305,9 @@ {:name :activity-logs-photos :component activity-logs-photos/preview-activity-logs-photos} {:name :toast - :component toast/preview-toasts} + :component toast/view} {:name :notification - :component notification/preview-notification}] + :component notification/view}] :onboarding [{:name :small-option-card :component small-option-card/preview-small-option-card}] :password [{:name :tips diff --git a/src/status_im2/contexts/quo_preview/notifications/notification.cljs b/src/status_im2/contexts/quo_preview/notifications/notification.cljs index 62deaf635df..9ec0e40b986 100644 --- a/src/status_im2/contexts/quo_preview/notifications/notification.cljs +++ b/src/status_im2/contexts/quo_preview/notifications/notification.cljs @@ -76,7 +76,7 @@ :duration 3000 :type :notification}]) -(defn preview-notification +(defn view [] (fn [] [preview/preview-container diff --git a/src/status_im2/contexts/quo_preview/notifications/toast.cljs b/src/status_im2/contexts/quo_preview/notifications/toast.cljs index 1ae5fd233a3..3844a4dc05c 100644 --- a/src/status_im2/contexts/quo_preview/notifications/toast.cljs +++ b/src/status_im2/contexts/quo_preview/notifications/toast.cljs @@ -86,22 +86,17 @@ :duration 3000}])} "update above toast"]]))))) -(defn preview-toasts +(defn view [] - (fn [] - [preview/preview-container - [rn/view - {:background-color "#508485" - :flex-direction :column - :justify-content :flex-start - :height 300}] - [into - [rn/view - {:flex 1 - :padding 16}] - [^{:key :basic} [toast-button-basic] - ^{:key :with-undo-action} [toast-button-with-undo-action] - ^{:key :with-multiline} [toast-button-multiline] - ^{:key :30s-duration} [toast-button-30s-duration] - ^{:key :upsert} - [update-toast-button]]]])) + [preview/preview-container + {:component-container-style + {:flex-direction :column + :justify-content :flex-start}} + [into + [rn/view {:style {:flex 1 :padding 16}} + [toast-button-basic] + [toast-button-with-undo-action] + [toast-button-multiline] + [toast-button-30s-duration] + [update-toast-button] + [update-toast-button]]]])