conditional application in blade

awcodes · Nov 4, 2024 · fd1d5b6 · fd1d5b6
1 parent 80ec014
commit fd1d5b6
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/resources/views/components/create-menu.blade.php b/resources/views/components/create-menu.blade.php
@@ -4,14 +4,26 @@
         ->implode('.');
 @endphp
 
-<div class="quick-create-component" x-data="{ dropdownOpen: false }">
+<div class="quick-create-component"
+     @if($keyBindings)
+         x-data="{
+        toggleDropdown() {
+            this.$refs.triggerButton.click()
+            this.$refs.triggerButton.focus()
+        }
+    }"
+     @endif
+>
     @if ($resources && $this->shouldBeHidden() === false)
         <x-filament::dropdown placement="bottom-end" :teleport="true">
             <x-slot name="trigger">
                 <button
                         x-ref="triggerButton"
                         @click="dropdownOpen = !dropdownOpen"
-                        x-mousetrap.global.{{ $keyBindings }}="$refs.triggerButton.click()"
+                        @if($keyBindings)
+                            x-ref="triggerButton"
+                        x-mousetrap.global.{{ $keyBindings }}="toggleDropdown"
+                        @endif
                         @class([
                             'flex flex-shrink-0 bg-gray-100 items-center justify-center text-primary-500 hover:text-primary-900 dark:bg-gray-800 hover:bg-primary-500 dark:hover:bg-primary-500',
                             'rounded-full' => $rounded,