fix EventRequestResponseFormComponent

Author: Kerrialn

src/Twig/Component/EventReqestResponseFormComponent.php src/Twig/Component/EventRequestResponseFormComponent.php

@@ -16,8 +16,8 @@
 use Symfony\UX\LiveComponent\Attribute\LiveProp;
 use Symfony\UX\LiveComponent\DefaultActionTrait;
 
-#[AsLiveComponent('event_request_response_form')]
-class EventReqestResponseFormComponent extends AbstractController
+#[AsLiveComponent('EventRequestResponseFormComponent', template: 'components/event_request_response_form_component.html.twig')]
+class EventRequestResponseFormComponent extends AbstractController
 {
     use DefaultActionTrait;
 

templates/components/event_request_response_form.html.twig templates/components/event_request_response_form_component.html.twig

@@ -16,10 +16,18 @@
             </div>
         </div>
         <div class="d-flex justify-content-between align-items-center">
-            <a href="#" data-action="live#action" data-action-name="prevent|submit(isAttending=false)" class="me-5">
+            <a href="#"
+               data-action="live#action:prevent"
+               data-live-action-param="submit"
+               data-live-is-attending-param="true"
+               class="me-5">
                 <div class="bi bi-check-circle fs-1 text-primary"></div>
             </a>
-            <a href="#" data-action="live#action" data-action-name="prevent|submit(isAttending=false)">
+            <a href="#"
+               data-action="live#action:prevent"
+               data-live-action-param="submit"
+               data-live-is-attending-param="false"
+            >
                 <div class="bi bi-x-circle fs-1 text-danger"></div>
             </a>
         </div>

templates/events/show.html.twig

@@ -402,7 +402,7 @@
                     {% endif %}
                     {% if app.user and event.isOrganiser(app.user) %}
                         {% for request in event.eventRequests %}
-                            {{ component('event_request_response_form', {
+                            {{ component('EventRequestResponseFormComponent', {
                                 eventRequest: request
                             }) }}
                         {% else %}