fixed refreshing data after deleting some origin or lease

app/static/assets/js/helper.js

@@ -102,7 +102,6 @@ async function deleteOrigins() {
     let xhr = new XMLHttpRequest();
     xhr.open("DELETE", '/-/origins', true);
     xhr.send();
-    await fetchOriginsWithLeases()
 }
 
 async function deleteOrigin(origin_ref) {

app/templates/views/dashboard_leases.html

@@ -10,7 +10,9 @@
             <h1 class="h2">Leases <small>with origin</small></h1>
             <div class="btn-toolbar mb-2 mb-md-0">
                 <div class="btn-group me-2">
-                <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteLease();load();">delete lease</button>
+                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteLease().finally(() => load())">
+                        delete lease
+                    </button>
                 </div>
             </div>
         </div>

app/templates/views/dashboard_origins.html

@@ -10,7 +10,12 @@
             <h1 class="h2">Origins <small>with leases</small></h1>
             <div class="btn-toolbar mb-2 mb-md-0">
                 <div class="btn-group me-2">
-                <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteOrigins()">delete all</button>
+                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteOrigin().finally(() => load())">
+                        delete origin
+                    </button>
+                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteOrigins().finally(() => load())">
+                        delete all
+                    </button>
                 </div>
             </div>
         </div>
@@ -22,7 +27,11 @@
 {% block scripts %}
 {{ super() }}
     <script type="application/javascript">
+        function load() {
             const origins = document.getElementById('origins')
             fetchOriginsWithLeases(origins)
+        }
+
+        load()
     </script>
 {% endblock %}