review

Author: flexsurfer

src/status_im/contexts/shell/activity_center/notification/news/view.cljs

@@ -3,6 +3,7 @@
             [promesa.core :as promesa]
             [quo.core :as quo]
             [react-native.core :as rn]
+            [react-native.gesture :as gesture]
             [status-im.contexts.shell.activity-center.notification.common.view :as common]
             [utils.datetime :as datetime]
             [utils.i18n :as i18n]
@@ -51,30 +52,34 @@
 
 (defn view
   [{:keys [notification extra-fn]}]
-  (let [customization-color                             (rf/sub [:profile/customization-color])
-        {:keys [news-title news-description timestamp]} notification
-        timestamp                                       (datetime/timestamp->relative timestamp)]
+  (let [customization-color (rf/sub [:profile/customization-color])
+        {:keys [news-title
+                news-description
+                timestamp]} notification
+        timestamp           (datetime/timestamp->relative timestamp)
+        on-press            (rn/use-callback
+                             #(rf/dispatch [:show-bottom-sheet
+                                            {:theme   :dark
+                                             :content (fn []
+                                                        [sheet notification timestamp])}]))]
     [common/swipeable
      {:left-button    common/swipe-button-read-or-unread
       :left-on-press  common/swipe-on-press-toggle-read
       :right-button   common/swipe-button-delete
       :right-on-press common/swipe-on-press-delete
       :extra-fn       extra-fn}
-     [quo/activity-log
-      {:title               news-title
-       :customization-color customization-color
-       :icon                :i/status-logo-bw
-       :timestamp           timestamp
-       :context             [[quo/text {} news-description]]
-       :items               [{:type                :button
-                              :subtype             :primary
-                              :key                 :button-reply
-                              :customization-color customization-color
-                              :label               (i18n/label :t/read-more)
-                              :accessibility-label :read-more
-                              :on-press            #(rf/dispatch
-                                                     [:show-bottom-sheet
-                                                      {:theme :dark
-                                                       :content
-                                                       (fn []
-                                                         [sheet notification timestamp])}])}]}]]))
+     [gesture/touchable-without-feedback
+      {:on-press on-press}
+      [quo/activity-log
+       {:title               news-title
+        :customization-color customization-color
+        :icon                :i/status-logo-bw
+        :timestamp           timestamp
+        :context             [[quo/text {} news-description]]
+        :items               [{:type                :button
+                               :subtype             :primary
+                               :key                 :button-reply
+                               :customization-color customization-color
+                               :label               (i18n/label :t/read-more)
+                               :accessibility-label :read-more
+                               :on-press            on-press}]}]]]))