From 8f820de237d4f3860416ba7b8aa0d0d6fb36202b Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Tue, 3 Oct 2023 19:20:26 -0700
Subject: [PATCH] cluster: add touch sound

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/frame/Cluster.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/frame/Cluster.vue b/src/components/frame/Cluster.vue
index b9ae1a22..20fbcae9 100644
--- a/src/components/frame/Cluster.vue
+++ b/src/components/frame/Cluster.vue
@@ -8,7 +8,7 @@
       <div class="subtitle" v-if="subtitle">{{ subtitle }}</div>
     </div>
 
-    <div class="previews fill-block" ref="previews">
+    <div class="previews fill-block" ref="previews" @click="clickPreview">
       <div class="img-outer" :class="{ plus }">
         <XImg
           draggable="false"
@@ -36,6 +36,7 @@ import errorsvg from '../../assets/error.svg';
 import plussvg from '../../assets/plus.svg';
 
 import * as utils from '../../services/utils';
+import * as nativex from '../../native';
 import { API } from '../../services/API';
 
 import Vue from 'vue';
@@ -159,13 +160,19 @@ export default defineComponent({
       return Boolean(this.data.previewError) || Boolean(this.album && this.album.last_added_photo <= 0);
     },
   },
+
   methods: {
     failed() {
       Vue.set(this.data, 'previewError', true);
     },
+
     click() {
       this.$emit('click', this.data);
     },
+
+    clickPreview() {
+      nativex.playTouchSound();
+    },
   },
 });
 </script>
@@ -191,6 +198,7 @@ $namemargin: 10px;
   z-index: 100;
   width: calc(100% - 2 * #{$namemargin});
   margin: $namemargin;
+  pointer-events: none;
 
   color: white;
   word-wrap: break-word;
@@ -265,6 +273,7 @@ $namemargin: 10px;
   position: absolute;
   top: 6px;
   right: 6px;
+  pointer-events: none;
 }
 
 .previews {