From ed7eaed76424adb65307d1ebd4d365f4f2b0d473 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Fri, 12 Sep 2025 13:34:39 +0200
Subject: [PATCH] use loader to indicate background activity

---
 frontend/src/ts/pages/friends.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/ts/pages/friends.ts b/frontend/src/ts/pages/friends.ts
index 5b622aad9..ad094c960 100644
--- a/frontend/src/ts/pages/friends.ts
+++ b/frontend/src/ts/pages/friends.ts
@@ -26,6 +26,7 @@ import * as ServerConfiguration from "../ape/server-configuration";
 import * as AuthEvent from "../observables/auth-event";
 import { Connection } from "@monkeytype/schemas/connections";
 import { Friend } from "@monkeytype/schemas/users";
+import * as Loader from "../elements/loader";
 
 const pageElement = $(".page.pageFriends");
 
@@ -388,6 +389,7 @@ $(".pageFriends .pendingRequests table").on("click", async (e) => {
   }
   row.querySelectorAll("button").forEach((button) => (button.disabled = true));
 
+  Loader.show();
   const result =
     action === "rejected"
       ? await Ape.connections.delete({
@@ -397,6 +399,7 @@ $(".pageFriends .pendingRequests table").on("click", async (e) => {
           params: { id },
           body: { status: action },
         });
+  Loader.hide();
 
   if (result.status !== 200) {
     Notifications.add(