remove ConversationLoadingScreen (unused)

js/modules/signal.js

@@ -15,9 +15,6 @@ const LinkPreviews = require('./link_previews');
 const AttachmentDownloads = require('./attachment_downloads');
 
 // Components
-const {
-  ConversationLoadingScreen,
-} = require('../../ts/components/ConversationLoadingScreen');
 const {
   ContactDetail,
 } = require('../../ts/components/conversation/ContactDetail');
@@ -223,7 +220,6 @@ exports.setup = (options = {}) => {
   });
 
   const Components = {
-    ConversationLoadingScreen,
     ContactDetail,
     ContactListItem,
     ContactName,

js/views/conversation_view.js

@@ -101,10 +101,6 @@
 
       this.model.updateTextInputState();
 
-      this.loadingScreen = new Whisper.ConversationLoadingScreen();
-      this.loadingScreen.render();
-      this.loadingScreen.$el.prependTo(this.$('.discussion-container'));
-
       this.window = options.window;
 
       Whisper.events.on('mediaPermissionsChanged', () =>

stylesheets/_session.scss

@@ -614,7 +614,8 @@ label {
 }
 
 .react-contexify {
-  z-index: 3;
+  // be sure it is more than the one set for the More Informations screen of messages
+  z-index: 30;
   min-width: 200px;
   box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
   @include themify($themes) {

ts/components/ConversationLoadingScreen.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import { SessionSpinner } from './session/SessionSpinner';
-
-export class ConversationLoadingScreen extends React.PureComponent {
-  constructor(props: any) {
-    super(props);
-  }
-
-  public render() {
-    return (
-      <div className="conversation-loader">
-        <SessionSpinner />
-      </div>
-    );
-  }
-}

ts/components/conversation/Message.tsx

@@ -278,25 +278,6 @@ class MessageInner extends React.PureComponent<Props, State> {
             e.stopPropagation();
           }}
         >
-          {/* <audio
-            role="button"
-            onClick={(e: any) => {
-              e.stopPropagation();
-            }}
-            controls={true}
-            className={classNames(
-              'module-message__audio-attachment',
-              withContentBelow
-                ? 'module-message__audio-attachment--with-content-below'
-                : null,
-              withContentAbove
-                ? 'module-message__audio-attachment--with-content-above'
-                : null
-            )}
-            key={firstAttachment.url}
-          >
-            <source src={firstAttachment.url} />
-          </audio> */}
           <H5AudioPlayer
             src={firstAttachment.url}
             layout="horizontal-reverse"

ts/components/session/conversation/SessionRightPanel.tsx

@@ -176,9 +176,9 @@ class SessionRightPanel extends React.Component<Props, State> {
       (message: { attachments: Array<any> }) => {
         // this is to not fail if the attachment is invalid (could be a Long Attachment type which is not supported)
         if (!message.attachments?.length) {
-          window.log.info(
-            'Got a message with an empty list of attachment. Skipping...'
-          );
+          // window.log.info(
+          //   'Got a message with an empty list of attachment. Skipping...'
+          // );
           return null;
         }
         const attachment = message.attachments[0];