From 39d5b29ed38a0656d4d14a6810a76e82e9f915cc Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 23 Apr 2024 16:47:08 +1000
Subject: [PATCH] add double click support to media picker

---
 resources/js/media-picker.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/resources/js/media-picker.js b/resources/js/media-picker.js
index 91c006b..339e13a 100644
--- a/resources/js/media-picker.js
+++ b/resources/js/media-picker.js
@@ -43,6 +43,13 @@ const SMMediaPicker = {
         }
     },
 
+    doubleClick: (name) => {
+        if (!Alpine.store('media').allow_multiple) {
+            Alpine.store('media').selected = [name];
+            Swal.clickConfirm();
+        }
+    },
+
     search: () => {
         SMMediaPicker.query(null, document.querySelector('input[name="search"]').value);
     },
@@ -120,6 +127,7 @@ const SMMediaPicker = {
                             class="cursor-pointer flex text-center p-1 flex-items-center flex-col h-40 w-56 border-2 rounded relative"
                             :class="{'border-primary-color': $store.media.selected.some(i => i === item.name), 'border-white': !$store.media.selected.some(i => i === item.name)}"
                             x-on:click="SMMediaPicker.updateSelection(item.name)"
+                            x-on:dblclick="SMMediaPicker.doubleClick(item.name)"
                             >
                             <div x-show="$store.media.selected.some(i => i === item.name)" class="absolute -top-1.5 -right-2 w-6 h-6 bg-primary-color text-white flex items-center justify-center text-lg border border-white rounded"><i class="fa-solid fa-check"></i></div>
                             <div class="flex-grow flex items-center justify-center pointer-events-none select-none">