From b79c1dd1ad10acef1bfb3d4be25ef335b3db8882 Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <usatiste@fit.cvut.cz>
Date: Fri, 29 Dec 2023 13:27:19 +0100
Subject: [PATCH] better haters managment

---
 client/src/Haters.scss | 12 +++++++++++-
 client/src/Haters.tsx  | 14 +++++++++-----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/client/src/Haters.scss b/client/src/Haters.scss
index 14c124e..44fe92b 100644
--- a/client/src/Haters.scss
+++ b/client/src/Haters.scss
@@ -9,7 +9,17 @@
   .tools {
     display: flex;
     flex-direction: column;
-    max-width: 10rem;
+    max-width: 20rem;
+
+    > * {
+      margin-top: 0.2rem;
+    }
+
+    .delResults {
+      margin-top: 1rem;
+      display: flex;
+      flex-direction: column;
+    }
   }
 
   .found {
diff --git a/client/src/Haters.tsx b/client/src/Haters.tsx
index 4fb15a3..c51ba24 100644
--- a/client/src/Haters.tsx
+++ b/client/src/Haters.tsx
@@ -109,7 +109,10 @@ export function Haters() {
             author: p.authorUsername,
         });
     });
+    const uuidToUsername: Record<string, string> = {};
 
+    data.persons.forEach((p) => (uuidToUsername[p.uuid] = p.username));
+    console.log(uuidToUsername);
     console.log(foundU);
 
     const foundUArr = Array.from(foundU);
@@ -137,13 +140,14 @@ export function Haters() {
                                     if (isError(e)) {
                                         setDeleted((old) => [
                                             ...old,
-                                            `error deleting user with uuid ${u}: ` +
+                                            `error deleting user ${uuidToUsername[u]}: ` +
                                                 e.errors.join(" "),
                                         ]);
                                     } else {
                                         setDeleted((old) => [
                                             ...old,
-                                            "deleted user with id: " + u,
+                                            "deleted user: " +
+                                                uuidToUsername[u],
                                         ]);
                                     }
                                     deluser(rest);
@@ -151,7 +155,7 @@ export function Haters() {
                                 .catch(() => {
                                     setDeleted((old) => [
                                         ...old,
-                                        `error deleting user with uuid ${u}`,
+                                        `error deleting user ${uuidToUsername[u]}`,
                                     ]);
                                 });
                         };
@@ -159,9 +163,9 @@ export function Haters() {
                         deluser(foundUArr);
                     }}
                 >
-                    delete all users
+                    delete all found users
                 </button>
-                <div>
+                <div className={"delResults"}>
                     {deleted.map((d) => (
                         <span>{d}</span>
                     ))}