diff --git a/app/components/dropdown_component.html.erb b/app/components/dropdown_component.html.erb
index 3ea3bce..eb04538 100644
--- a/app/components/dropdown_component.html.erb
+++ b/app/components/dropdown_component.html.erb
@@ -2,13 +2,21 @@
+ <% if @size == :large %>
- <%= render partial: "icons/kebab-menu", locals: {
- custom_class: "inline text-gray-500 h-6 w-6"
- } %>
+ <%= render partial: "icons/#{@icon_name}",
+ locals: { custom_class: "inline text-gray-500 h-6 w-6" } %>
+ <% elsif @size == :small %>
+
+
+ <%= render partial: "icons/#{@icon_name}",
+ locals: { custom_class: "inline h-4 w-4" } %>
+
+
+ <% end %>
Invitations available |
- <%= @user.invitations.count %>
+
+
+ <%= @user.invitations.count %>
+
+
+ <%= render DropdownComponent.new(size: :small, icon_name: "edit") do %>
+ <%= render DropdownLinkComponent.new(
+ href: ""
+ ) do %>
+ Add more
+ <% end %>
+ <%= render DropdownLinkComponent.new(
+ href: "",
+ separator: true, add_class: "text-red-700"
+ ) do %>
+ Remove all
+ <% end %>
+ <% end %>
+
+
|