Initiating new conversationVew

background.html

@@ -472,6 +472,7 @@
   <script type='text/javascript' src='js/views/last_seen_indicator_view.js'></script>
   <script type='text/javascript' src='js/views/scroll_down_button_view.js'></script>
   <script type='text/javascript' src='js/views/toast_view.js'></script>
+  <script type='text/javascript' src='js/views/session_conversation_view.js'></script>
   <script type='text/javascript' src='js/views/session_toast_view.js'></script>
   <script type='text/javascript' src='js/views/conversation_loading_view.js'></script>
   <script type='text/javascript' src='js/views/session_toggle_view.js'></script>

js/background.js

@@ -985,9 +985,17 @@
         window.toasts.get(finalToastID).fadeToast();
       }
 
+      const sessionConversation = new Whisper.SessionConversationView({
+        el: $('body'),
+      });
+      sessionConversation.render();
+
+
       return toastID;
     };
 
+
+
     window.getFriendsFromContacts = contacts => {
       // To call from TypeScript, input / output are both
       // of type Array<ConversationType>

js/modules/signal.js

@@ -18,7 +18,6 @@ const LinkPreviews = require('./link_previews');
 const AttachmentDownloads = require('./attachment_downloads');
 
 // Components
-const { SessionConversation } = require('../../ts/components/session/SessionConversation');
 const {
   ConversationLoadingScreen,
 } = require('../../ts/components/ConversationLoadingScreen');
@@ -59,6 +58,7 @@ const { UserDetailsDialog } = require('../../ts/components/UserDetailsDialog');
 const {
   DevicePairingDialog,
 } = require('../../ts/components/DevicePairingDialog');
+const { SessionConversation } = require('../../ts/components/session/SessionConversation');
 const {
   SettingsView,
 } = require('../../ts/components/session/settings/SessionSettings');
@@ -275,7 +275,6 @@ exports.setup = (options = {}) => {
   });
 
   const Components = {
-    SessionConversation,
     ConversationLoadingScreen,
     AttachmentList,
     CaptionEditor,
@@ -305,6 +304,7 @@ exports.setup = (options = {}) => {
     RemoveModeratorsDialog,
     GroupInvitation,
     BulkEdit,
+    SessionConversation,
     SessionToast,
     SessionToggle,
     SessionConfirm,

ts/components/session/SessionConversation.tsx

@@ -6,15 +6,15 @@ interface State{};
 
 
 export class SessionConversation extends React.Component<Props, State> {    
-    public constructor(props: Props) {
+    constructor(props: any) {
         super(props);
         this.state = {};
     }
 
     render() {
         return (
-            <div className="inbox-view">
+            <div className="sesgbal">
-                THIS IS AN INBOX VIEW
+                THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW THIS IS AN INBOX VIEW 
             </div>
         )
     }