bugfix + spinner in the initial loading screen

bandinopla · Mar 26, 2024 · 49db4f9 · 49db4f9
1 parent 21de134
commit 49db4f9
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 3 deletions.
diff --git 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
@@ -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(() => {