chore: better way to keep state consistent

eyra · Nov 7, 2024 · f0f3651 · f0f3651
1 parent ea0a3c2
commit f0f3651
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/core/frameworks/pixel/components/clickable_card.ex b/core/frameworks/pixel/components/clickable_card.ex
@@ -27,6 +27,7 @@ defmodule Frameworks.Pixel.ClickableCard do
     <div
       x-data="{show_actions: false}"
       class={"h-full rounded-lg bg-#{@bg_color} #{@size}"}
+      id={"card-#{@id}"}
     >
       <div class="flex flex-col h-full">
         <div class="flex-grow">
@@ -68,13 +69,13 @@ defmodule Frameworks.Pixel.ClickableCard do
               />
             </div>
             <%= for button <- @left_actions do %>
-              <div x-show="show_actions" x-on:click="show_actions = false">
+              <div x-show="show_actions">
                 <Button.dynamic {button} />
               </div>
             <% end %>
             <div class="flex-grow" />
             <%= for button <- @right_actions do %>
-              <div x-show="show_actions" x-on:click="show_actions = false">
+              <div x-show="show_actions">
                 <Button.dynamic {button} />
               </div>
             <% end %>