From 2a5415bc70cbb2e4fd95dd784edd134506575839 Mon Sep 17 00:00:00 2001
From: projectmoon <projectmoon@agnos.is>
Date: Mon, 27 Mar 2023 21:40:43 +0200
Subject: [PATCH] Begin moving a few DOM manipulations to cash-do

---
 src/ts/index.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/ts/index.tsx b/src/ts/index.tsx
index cb9d188..2461310 100644
--- a/src/ts/index.tsx
+++ b/src/ts/index.tsx
@@ -40,7 +40,6 @@ function displayError(errorDiv: HTMLElement, category: string, ex: Error) {
     console.error(ex);
     const errorHeading = errorDiv.querySelector('.alert-heading') as HTMLElement | null;
 
-
     //clear all error text, but not heading
     const errorMessages = errorDiv.querySelectorAll('span');
     errorMessages.forEach(message => errorDiv.removeChild(message));
@@ -98,17 +97,17 @@ function checkOverflow(elem: HTMLElement) {
 
 function processFragment() {
     // add username popover
-    document
-        .querySelectorAll('[data-bs-toggle="popover"]')
-        .forEach(popover => new bootstrap.Popover(popover, { trigger: 'focus' }));
+    $('[data-bs-toggle="popover"]')
+        .each((_, popover) => new bootstrap.Popover(popover, { trigger: 'focus' }));
 
     // indicate overflow on mobile
-    document.querySelectorAll('.message-content div').forEach(div => {
-        if (checkOverflow(div as HTMLElement)) {
+    $('.message-content div').each((_, div) => {
+        if (checkOverflow(div)) {
             div.parentElement?.classList.add('overflow-icon');
         }
     });
 
+    // uniquely color usernames
     const colorMap = new Map(
         Array.from($('.message-from-user'))
             .map(el => el?.textContent || '')