make sure dropdown with events lists disappears upon emptying

Author: Ekleog

risuto-web/scss/style.scss

@@ -41,6 +41,10 @@ $primary: $red;
     transform: scale(0);
 }
 
+.events-pending-list.no-events {
+    display: none;
+}
+
 .task-list li {
     background-color: $gray-900;
     color: $body-color;

risuto-web/src/ui/main_view.rs

@@ -116,7 +116,11 @@ pub fn main_view(p: &MainViewProps) -> Html {
                         <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                         <span class="visually-hidden">{ "Submitting events..." }</span>
                     </button>
-                    <ul class="dropdown-menu dropdown-menu-dark">
+                    <ul class={ classes!(
+                        "events-pending-list",
+                        p.events_pending_submission.is_empty().then(|| "no-events"),
+                        "dropdown-menu", "dropdown-menu-dark"
+                    ) }>
                         { for p.events_pending_submission.iter().map(|e| html! {
                             <li>{ format!("{:?}", e) }</li> // TODO: make events prettier
                         }) }