refactor notifications (#17413 )

to accomplish #17288 migrated : notifications Issue Opened: A bug has been identified within the activity-logs component and is currently under investigation.
2023-09-25 23:01:43 +01:00
4 changed files with 17 additions and 24 deletions
@@ -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
@@ -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
@@ -76,7 +76,7 @@
    :duration 3000
    :type     :notification}])

-(defn preview-notification
+(defn view
  []
  (fn []
    [preview/preview-container
@@ -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]]]])