Started Pong simple copy Chat - WIP simplification first job

frontend/src/pages/pong/listBuddies.ts

@@ -0,0 +1,45 @@
+import { getUser } from "@app/auth";
+import { Socket } from 'socket.io-client';
+import { getProfil } from './getProfil';
+
+/**
+ * function adds a user to the ping Buddies window\
+ * it also acts as click or double click\ 
+ * activates two possible actions:\
+ * click => private Mag\
+ * dbl click => get Profil of the name\ 
+ * collected in the clipBoard
+ * @param socket 
+ * @param buddies 
+ * @param listBuddies 
+ * @returns 
+ */
+
+export async function listBuddies(socket: Socket, buddies: HTMLDivElement, listBuddies: string) {
+
+	if (!buddies) return;
+	const sendtextbox = document.getElementById('t-chat-window') as HTMLButtonElement;
+	const buddiesElement = document.createElement("div-buddies-list");
+	buddiesElement.textContent = listBuddies + '\n';
+	const user = getUser()?.name ?? ""; 
+	buddies.appendChild(buddiesElement);
+	buddies.scrollTop = buddies.scrollHeight;
+	console.log(`Added buddies: ${listBuddies}`);
+
+	buddiesElement.style.cursor = "pointer";
+	buddiesElement.addEventListener("click", () => {
+		navigator.clipboard.writeText(listBuddies);
+		if (listBuddies !== user && user !== "") {
+			sendtextbox.value = `@${listBuddies}: `;
+			console.log("Copied to clipboard:", listBuddies);
+			sendtextbox.focus();
+		} 
+	});
+
+	buddiesElement.addEventListener("dblclick", () => {
+		console.log("Open profile:", listBuddies);
+		getProfil(socket, listBuddies);
+        sendtextbox.value = "";
+    });
+
+}