Don't use API to update amount after a refilling query

counter/static/bundled/counter/counter-click-index.ts

@@ -1,5 +1,4 @@
 import { exportToHtml } from "#core:utils/globals";
-import { customerGetCustomer } from "#openapi";
 
 interface CounterConfig {
   csrfToken: string;
@@ -33,19 +32,13 @@ exportToHtml("loadCounter", (config: CounterConfig) => {
         return total / 100;
       },
 
-      async updateBalance() {
+      onRefillingSuccess(event: CustomEvent) {
-        this.customerBalance = (
+        if (event.type !== "htmx:after-request" || event.detail.failed) {
-          await customerGetCustomer({
+          return;
-            path: {
+        }
-              // biome-ignore lint/style/useNamingConvention: api is in snake_case
+        this.customerBalance += Number.parseFloat(
-              customer_id: config.customerId,
+          (event.detail.target.querySelector("#id_amount") as HTMLInputElement).value,
-            },
+        );
-          })
-        ).data.amount;
-      },
-
-      async onRefillingSuccess() {
-        await this.updateBalance();
         document.getElementById("selling-accordion").click();
       },
 

counter/templates/counter/counter_click.jinja

@@ -103,7 +103,7 @@
       {% if refilling_fragment %}
         <h5>{% trans %}Refilling{% endtrans %}</h5>
         <div
-          @htmx:after-request="onRefillingSuccess()"
+          @htmx:after-request="onRefillingSuccess"
         >
           {{ refilling_fragment }}
         </div>