From 49db4f9a83dad312abeafbe05b4f7a175f926c71 Mon Sep 17 00:00:00 2001
From: bandinopla <pablobandinopla@gmail.com>
Date: Tue, 26 Mar 2024 03:40:54 -0300
Subject: [PATCH] bugfix + spinner in the initial loading screen

---
 public/index.html                 | 27 ++++++++++++++++++++++++++-
 src/forum/MessageActionButtons.js |  4 ++--
 2 files changed, 28 insertions(+), 3 deletions(-)
diff --git a/public/index.html b/public/index.html
index 62d5f5a..129e00f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -30,9 +30,32 @@
     </script>
     
     <style>
+        .loader {
+        width: 48px;
+        height: 48px;
+        border-radius: 50%;
+        display: inline-block;
+        border-top: 3px solid #FFF;
+        border-right: 3px solid transparent;
+        box-sizing: border-box;
+        animation: rotation 1s linear infinite;
+        }
+
+        @keyframes rotation {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+        } 
+
         .init {
             width: 100vw;
             height: 100vh;
+            display:flex;
+            justify-content: center;
+            align-items: center;
             z-index: 999;
             background-color: black;
             position: fixed;
@@ -57,7 +80,9 @@
     <title>Weight For Reps</title>
   </head>
   <body>
-    <div class="init"></div>
+    <div class="init">
+        <span class="loader"></span>
+    </div>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div> 
   </body>
diff --git a/src/forum/MessageActionButtons.js b/src/forum/MessageActionButtons.js
index a1488ee..1a1c4d5 100644
--- a/src/forum/MessageActionButtons.js
+++ b/src/forum/MessageActionButtons.js
@@ -65,8 +65,8 @@ export const MessageActionButtons = ({ message, ...rest }) => {
     const isDeleted     = message.message=="";
     const disable       = isDeleted || isDeleting || isReplying || isAddingNote;
 
-    const canDelete     = !isDeleted && (message.user.id==myId || user.session.forum?.role?.all || user.session.forum?.role?.can?.indexOf("delete")>-1 );
-    const canAddNote    = !isDeleted && (user.session.forum?.role?.all || user.session.forum?.role?.can?.indexOf("note")>-1);
+    const canDelete     = !isDeleted && (message.user.id==myId || user.session?.forum?.role?.all || user.session?.forum?.role?.can?.indexOf("delete")>-1 );
+    const canAddNote    = !isDeleted && (user.session?.forum?.role?.all || user.session?.forum?.role?.can?.indexOf("note")>-1);
     
     useEffect(() => {
 
