From 95e7e266e7f9b5f84f9e15c37fd3da409199debc Mon Sep 17 00:00:00 2001
From: Christian Fehmer <cfe@sexy-developer.com>
Date: Fri, 12 Sep 2025 15:05:33 +0200
Subject: [PATCH] update frontend to backend renames

---
 frontend/src/ts/db.ts                         |  2 +-
 .../account-settings/blocked-user-table.ts    |  6 +--
 frontend/src/ts/elements/profile.ts           |  2 +-
 frontend/src/ts/pages/friends.ts              | 44 ++++++++++---------
 frontend/src/ts/pages/leaderboards.ts         |  2 +-
 5 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/frontend/src/ts/db.ts b/frontend/src/ts/db.ts
index 2f81b8a7a..c58b9c0ee 100644
--- a/frontend/src/ts/db.ts
+++ b/frontend/src/ts/db.ts
@@ -1122,7 +1122,7 @@ function convertConnections(
         getAuthenticatedUser()?.uid === connection.initiatorUid;
 
       return [
-        isMyRequest ? connection.friendUid : connection.initiatorUid,
+        isMyRequest ? connection.receiverUid : connection.initiatorUid,
         connection.status === "pending" && !isMyRequest
           ? "incoming"
           : connection.status,
diff --git a/frontend/src/ts/elements/account-settings/blocked-user-table.ts b/frontend/src/ts/elements/account-settings/blocked-user-table.ts
index fda64aa8f..db5ef9a09 100644
--- a/frontend/src/ts/elements/account-settings/blocked-user-table.ts
+++ b/frontend/src/ts/elements/account-settings/blocked-user-table.ts
@@ -3,7 +3,7 @@ import { Connection } from "@monkeytype/schemas/connections";
 import Ape from "../../ape";
 import { format } from "date-fns/format";
 import { isAuthenticated } from "../../firebase";
-import { getFriendUid } from "../../pages/friends";
+import { getReceiverUid } from "../../pages/friends";
 import * as DB from "../../db";
 import { updateFriendRequestsIndicator } from "../account-button";
 
@@ -59,11 +59,11 @@ function refreshList(): void {
   }
   const content = blockedUsers.map(
     (blocked) => `
-    <tr data-id="${blocked._id}" data-uid="${getFriendUid(blocked)}">
+    <tr data-id="${blocked._id}" data-uid="${getReceiverUid(blocked)}">
        <td><a href="${location.origin}/profile/${
       blocked.initiatorUid
     }?isUid" router-link>${blocked.initiatorName}</a></td>
-       <td>${format(new Date(blocked.addedAt), "dd MMM yyyy HH:mm")}</td>
+       <td>${format(new Date(blocked.lastModified), "dd MMM yyyy HH:mm")}</td>
        <td>
          <button class="delete">
            <i class="fas fa-fw fa-trash-alt"></i>
diff --git a/frontend/src/ts/elements/profile.ts b/frontend/src/ts/elements/profile.ts
index 5cdc961e4..940bf8e5d 100644
--- a/frontend/src/ts/elements/profile.ts
+++ b/frontend/src/ts/elements/profile.ts
@@ -437,7 +437,7 @@ function isFriend(uid: string | undefined): boolean {
   if (uid === undefined || uid === getAuthenticatedUser()?.uid) return false;
 
   return Object.entries(DB.getSnapshot()?.connections ?? []).some(
-    ([friendUid, status]) => friendUid === uid && status === "accepted"
+    ([receiverUid, status]) => receiverUid === uid && status === "accepted"
   );
 }
 
diff --git a/frontend/src/ts/pages/friends.ts b/frontend/src/ts/pages/friends.ts
index ad094c960..6cbf312e9 100644
--- a/frontend/src/ts/pages/friends.ts
+++ b/frontend/src/ts/pages/friends.ts
@@ -35,28 +35,28 @@ let friendsTable: SortedTable<Friend> | undefined = undefined;
 let pendingRequests: Connection[] | undefined;
 let friendsList: Friend[] | undefined;
 
-export function getFriendUid(
-  connection: Pick<Connection, "initiatorUid" | "friendUid">
+export function getReceiverUid(
+  connection: Pick<Connection, "initiatorUid" | "receiverUid">
 ): string {
   const me = getAuthenticatedUser();
   if (me === null)
-    throw new Error("expected to be authenticated in getFriendUid");
+    throw new Error("expected to be authenticated in getReceiverUid");
 
-  if (me.uid === connection.initiatorUid) return connection.friendUid;
+  if (me.uid === connection.initiatorUid) return connection.receiverUid;
   return connection.initiatorUid;
 }
 
-export async function addFriend(friendName: string): Promise<true | string> {
-  const result = await Ape.connections.create({ body: { friendName } });
+export async function addFriend(receiverName: string): Promise<true | string> {
+  const result = await Ape.connections.create({ body: { receiverName } });
 
   if (result.status !== 200) {
     return `Friend request failed: ${result.body.message}`;
   } else {
     const snapshot = DB.getSnapshot();
     if (snapshot !== undefined) {
-      const friendUid = getFriendUid(result.body.data);
+      const receiverUid = getReceiverUid(result.body.data);
       // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-      snapshot.connections[friendUid] = result.body.data.status;
+      snapshot.connections[receiverUid] = result.body.data.status;
       updatePendingConnections();
     }
     return true;
@@ -89,8 +89,8 @@ const addFriendModal = new SimpleModal({
   ],
   buttonText: "request",
   onlineOnly: true,
-  execFn: async (_thisPopup, friendName) => {
-    const result = await addFriend(friendName);
+  execFn: async (_thisPopup, receiverName) => {
+    const result = await addFriend(receiverName);
 
     if (result !== true) {
       return {
@@ -98,7 +98,7 @@ const addFriendModal = new SimpleModal({
         message: result,
       };
     } else {
-      return { status: 1, message: `Request send to ${friendName}` };
+      return { status: 1, message: `Request send to ${receiverName}` };
     }
   },
 });
@@ -153,13 +153,13 @@ function updatePendingConnections(): void {
 
     const html = pendingRequests
       .map(
-        (item) => `<tr data-id="${item._id}" data-friend-uid="${getFriendUid(
-          item
-        )}">
+        (item) => `<tr data-id="${
+          item._id
+        }" data-receiver-uid="${getReceiverUid(item)}">
         <td><a href="${location.origin}/profile/${
           item.initiatorUid
         }?isUid" router-link>${item.initiatorName}</a></td>
-        <td>${formatAge(item.addedAt)} ago</td>
+        <td>${formatAge(item.lastModified)} ago</td>
         <td class="actions">
           <button class="accepted" aria-label="accept" data-balloon-pos="up">
             <i class="fas fa-check fa-fw"></i>
@@ -255,7 +255,9 @@ function buildFriendRow(entry: Friend): HTMLTableRowElement {
           </div>
         </td>
         <td>${
-          entry.addedAt !== undefined ? formatAge(entry.addedAt, "short") : "-"
+          entry.lastModified !== undefined
+            ? formatAge(entry.lastModified, "short")
+            : "-"
         }</td>
         <td><span aria-label="total xp: ${
           isSafeNumber(entry.xp) ? formatXp(entry.xp) : ""
@@ -413,16 +415,16 @@ $(".pageFriends .pendingRequests table").on("click", async (e) => {
 
     const snapshot = DB.getSnapshot();
     if (snapshot) {
-      const friendUid = row.dataset["friendUid"];
-      if (friendUid === undefined) {
-        throw new Error("Cannot find friendUid of target.");
+      const receiverUid = row.dataset["receiverUid"];
+      if (receiverUid === undefined) {
+        throw new Error("Cannot find receiverUid of target.");
       }
 
       if (action === "rejected") {
         // eslint-disable-next-line @typescript-eslint/no-dynamic-delete, @typescript-eslint/no-unsafe-member-access
-        delete snapshot.connections[friendUid];
+        delete snapshot.connections[receiverUid];
       } else {
-        snapshot.connections[friendUid] = action;
+        snapshot.connections[receiverUid] = action;
       }
       DB.setSnapshot(snapshot);
     }
diff --git a/frontend/src/ts/pages/leaderboards.ts b/frontend/src/ts/pages/leaderboards.ts
index d6370ce3b..f3210e21d 100644
--- a/frontend/src/ts/pages/leaderboards.ts
+++ b/frontend/src/ts/pages/leaderboards.ts
@@ -1439,7 +1439,7 @@ function isFriend(uid: string): boolean {
   if (uid === getAuthenticatedUser()?.uid) return false;
 
   return Object.entries(DB.getSnapshot()?.connections ?? []).some(
-    ([friendUid, status]) => friendUid === uid && status === "accepted"
+    ([receiverUid, status]) => receiverUid === uid && status === "accepted"
   );
 }