HF 30 - Private groups - Small fixes in stubs

src/components/elements/Stub.jsx

@@ -45,7 +45,9 @@ class StubInner extends React.Component {
             </div>
         } else {
             return <div className='msgs-stub'>
-                {text}{btn}
+                <center>
+                    {text}{btn}
+                </center>
             </div>
         }
     }
@@ -102,7 +104,12 @@ export default Stub
 
 export const renderStubs = (the_group, to, username) => {
     let composeStub, msgsStub
-    if (!the_group || the_group.name !== to) {
+    if (!the_group) {
+        const isGroup = to && !to.startsWith('@')
+        if (isGroup) composeStub = { disabled: true }
+        return { composeStub, msgsStub}
+    }
+    if (the_group.name !== to) {
         return { composeStub, msgsStub}
     }
 

src/components/elements/Stub.scss

@@ -4,11 +4,20 @@
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     padding-bottom: 0.5rem;
+}
+
+.message-list-container {
+    .msgs-stub {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        padding: 1rem;
+    }
+}
 
-    .stub-btn {
-        white-space: nowrap;
-        &.alert {
-            color: red;
-        }
+.stub-btn {
+    white-space: nowrap;
+    &.alert {
+        color: red;
     }
 }

src/components/modules/messages/Messenger/index.js

@@ -54,6 +54,7 @@ export default class Messages extends React.Component {
             <Dropzone
                 className='messenger-dropzone'
                 noClick
+                noKeyboard
                 multiple={false}
                 accept='image/*'
                 disabled={!to}