change design

Author: antopalidi

decidim-meetings/app/cells/decidim/meetings/cancel_registration_meeting_button/cancel_registration_button.erb

@@ -0,0 +1,20 @@
+<%= action_authorized_link_to(
+      :join,
+      meeting_registration_path(model),
+      resource: model,
+      method: :delete,
+      class: button_classes,
+      data: { disable: true, confirm: i18n_modal_confirmation_text }
+    ) do %>
+  <% if style == :simple %>
+    <%= cancel_button_text %>
+    <%= icon icon_name %>
+  <% elsif style == :detailed %>
+    <span class="icon-wrap">
+      <%= icon icon_name %>
+    </span>
+    <span class="text-wrap">
+      <%= cancel_button_text %>
+    </span>
+  <% end %>
+<% end %>

decidim-meetings/app/cells/decidim/meetings/cancel_registration_meeting_button/show.erb

@@ -1,14 +1,4 @@
 <%= waiting_list_info %>
 <div class="text-center">
-  <%= action_authorized_link_to(
-    :join,
-    meeting_registration_path(model),
-    resource: model,
-    method: :delete,
-    class: button_classes,
-    data: { disable: true, confirm: i18n_modal_confirmation_text }
-  ) do %>
-    <%= cancel_button_text %>
-    <%= icon icon_name %>
-  <% end %>
+  <%= cancel_registration_button(style: :simple) unless registration_status == "on_waiting_list" %>
 </div>

decidim-meetings/app/cells/decidim/meetings/cancel_registration_meeting_button/waiting_list_info.erb

@@ -0,0 +1,6 @@
+<div class="card extra">
+  <div class="card__content">
+    <%= t("waitlist_info", scope: "decidim.meetings.meetings.show") %>
+    <%= cancel_registration_button(style: :detailed) %>
+  </div>
+</div>

decidim-meetings/app/cells/decidim/meetings/cancel_registration_meeting_button_cell.rb

@@ -15,7 +15,11 @@ def show
       end
 
       def waiting_list_info
-        cell("decidim/announcement", t("waitlist_info", scope: "decidim.meetings.meetings.show")) if registration_status == "on_waiting_list"
+        render if registration_status == "on_waiting_list"
+      end
+
+      def cancel_registration_button(style: :simple)
+        render locals: { style: style }
       end
 
       private
@@ -57,7 +61,7 @@ def i18n_modal_confirmation_text
       end
 
       def button_classes
-        ""
+        registration_status == "on_waiting_list" ? "button expanded button--icon follow-button secondary hollow active small" : ""
       end
 
       def icon_name

decidim-meetings/config/locales/en.yml

@@ -583,7 +583,7 @@ en:
           view: View
           visit_finished: View past meeting
           waitlist_confirmation: Are you sure you want to cancel your waitlist registration for this meeting?
-          waitlist_info: You have joined the waiting list for this meeting. If a spot became available you will be automatically registered and you will receive a notification.
+          waitlist_info: You have joined the waiting list for this meeting. If a spot for this meeting becomes available, you will register automatically and receive a notification.
           waitlist_title: Cancel your waitlist registration
           withdraw_btn_hint: You can withdraw your meeting if you change your mind. The meeting is not deleted, it will appear in the list of withdrawn meetings.
           withdraw_confirmation_html: Are you sure you want to withdraw this meeting?<br><br><strong>This action cannot be cancelled!</strong>