safe-nth

src/status_im/utils/utils.cljs

@@ -126,6 +126,11 @@
   (when (string? s)
     (string/replace s m r)))
 
+(defn safe-nth
+  [coll index]
+  (when (number? index)
+    (nth coll index)))
+
 (defn svg?
   [some-string]
   (string/ends-with? some-string ".svg"))

src/status_im2/contexts/chat/lightbox/view.cljs

@@ -16,6 +16,7 @@
     [status-im2.contexts.chat.lightbox.top-view :as top-view]
     [status-im2.contexts.chat.lightbox.bottom-view :as bottom-view]
     [utils.worklets.lightbox :as worklet]
+    [status-im.utils.utils :as utils]
     [oops.core :refer [oget]]))
 
 (def ^:const seperator-width 16)
@@ -130,7 +131,7 @@
            ;; The initial value of data is the image that was pressed (and not the whole album) in order
            ;; for the transition animation to execute properly, otherwise it would animate towards
            ;; outside the screen (even if we have `initialScrollIndex` set).
-           data                            (reagent/atom (if (number? index) [(nth messages index)] []))
+           data                            (reagent/atom [(utils/safe-nth messages index)])
            scroll-index                    (reagent/atom index)
            transparent?                    (reagent/atom false)
            set-full-height?                (reagent/atom false)