WIP #217 Handle isopen flag correctly for SplitButtonComponent

app/components/item_panel_component.html.erb

@@ -16,7 +16,7 @@
                 </p>
             </div>
             <div class="ml-4 mt-4 flex-shrink-0">
-                   <%= render SplitButtonComponent.new(item: @item, user: @user, isopen: true) %>
+                   <%= render SplitButtonComponent.new(item: @item, user: @user, isopen: false) %>
             </div>
         </div>
   </div>

app/components/split_button_component.html.erb

@@ -17,16 +17,7 @@
         <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
       </svg>
     </button>
-    <!--
-      Dropdown panel, show/hide based on dropdown state.
 
-      Entering: "transition ease-out duration-100"
-        From: "transform opacity-0 scale-95"
-        To: "transform opacity-100 scale-100"
-      Leaving: "transition ease-in duration-75"
-        From: "transform opacity-100 scale-100"
-        To: "transform opacity-0 scale-95"
-    -->
     <div    
     x-show="isopen"
     @click.away="isopen = false"

app/views/collections/toggle_item.js.erb

@@ -1 +1 @@
-$(".review-<%= @review.item.id %>").replaceWith("<%= escape_javascript(render partial: 'reviews/review_status', locals: { review: @review } ) %>");
+$(".review-<%= @review.item.id %>").replaceWith("<%= escape_javascript(render partial: 'reviews/review_status', locals: { review: @review, isopen: true } ) %>");

app/views/reviews/_review_status.html.erb

@@ -1 +1 @@
-<%= render SplitButtonComponent.new(item: review.item, user: current_user, isopen: true) %>
+<%= render SplitButtonComponent.new(item: review.item, user: current_user, isopen: isopen) %>

app/views/reviews/update.js.erb

@@ -1 +1 @@
-$(".review-<%= @review.item.id %>").replaceWith("<%= escape_javascript(render partial: 'review_status', locals: { review: @review } ) %>"); 
+$(".review-<%= @review.item.id %>").replaceWith("<%= escape_javascript(render partial: 'review_status', locals: { review: @review, isopen: false } ) %>"); 

app/views/welcome/components.html+tailwind.erb

@@ -2,7 +2,7 @@
 <div class="ml-64"><%= render DropDownComponent.new(label: "dropdown", items: []) %></div>
 
 <h1>SplitButtonComponent</h1>
-<div class="ml-64"><%= render SplitButtonComponent.new(item: Item.order(:created_at).first, user: current_user, isopen: true) %></div>
+<div class="ml-64"><%= render SplitButtonComponent.new(item: Item.order(:created_at).first, user: current_user, isopen: false) %></div>
 
 <h1>ActivityPanelComponent</h1>
 <%= render ActivityPanelComponent.new(review: Review.last, user: current_user) %>