Display Onion Path Dialog

background.html

@@ -89,7 +89,7 @@
 
     {{#isError}}
     <div id='error' class='step'>
-      <div class='inner error-dialog clearfix'>
+      <div class='clearfix inner error-dialog'>
         <div class='step-body'>
           <span class='banner-icon alert-outline'></span>
           <div class='header'>{{ errorHeader }}</div>
@@ -142,6 +142,7 @@
   <script type='text/javascript' src='js/views/update_group_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/edit_profile_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/session_change_nickname_dialog_view.js'></script>
+  <script type='text/javascript' src='js/views/onion_status_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/invite_contacts_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/admin_leave_closed_group_dialog_view.js'></script>
 

background_test.html

@@ -94,7 +94,7 @@
 
     {{#isError}}
     <div id='error' class='step'>
-      <div class='inner error-dialog clearfix'>
+      <div class='clearfix inner error-dialog'>
         <div class='step-body'>
           <span class='banner-icon alert-outline'></span>
           <div class='header'>{{ errorHeader }}</div>
@@ -146,6 +146,7 @@
   <!-- DIALOGS-->
   <script type='text/javascript' src='js/views/update_group_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/edit_profile_dialog_view.js'></script>
+  <script type='text/javascript' src='js/views/onion_status_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/invite_contacts_dialog_view.js'></script>
   <script type='text/javascript' src='js/views/admin_leave_closed_group_dialog_view.js'></script>
 

js/modules/signal.js

@@ -13,6 +13,7 @@ const { Message } = require('../../ts/components/conversation/Message');
 
 // Components
 const { EditProfileDialog } = require('../../ts/components/EditProfileDialog');
+const { OnionStatusDialog } = require('../../ts/components/OnionStatusDialog');
 const { UserDetailsDialog } = require('../../ts/components/UserDetailsDialog');
 const { SessionSeedModal } = require('../../ts/components/session/SessionSeedModal');
 const { SessionNicknameDialog } = require('../../ts/components/session/SessionNicknameDialog');
@@ -141,6 +142,7 @@ exports.setup = (options = {}) => {
 
   const Components = {
     EditProfileDialog,
+    OnionStatusDialog,
     UserDetailsDialog,
     SessionInboxView,
     UpdateGroupNameDialog,

js/views/onion_status_dialog_view.js

@@ -6,7 +6,7 @@
   
     window.Whisper = window.Whisper || {};
   
-    Whisper.EditProfileDialogView = Whisper.View.extend({
+    Whisper.OnionStatusDialogView = Whisper.View.extend({
       className: 'loki-dialog modal',
       initialize({ theme }) {
         this.close = this.close.bind(this);

test/index.html

@@ -137,7 +137,7 @@
 
     {{#isError}}
     <div id="error" class="step">
-      <div class="inner error-dialog clearfix">
+      <div class="clearfix inner error-dialog">
         <div class="step-body">
           <span class="banner-icon alert-outline"></span>
           <div class="header">{{ errorHeader }}</div>
@@ -190,6 +190,7 @@
 
   <script type="text/javascript" src="../js/views/update_group_dialog_view.js"></script>
   <script type="text/javascript" src="../js/views/edit_profile_dialog_view.js"></script>
+  <script type='text/javascript' src='js/views/onion_status_dialog_view.js'></script>
   <script type="text/javascript" src="../js/views/invite_contacts_dialog_view.js"></script>
   <script type='text/javascript' src='../js/views/admin_leave_closed_group_dialog_view.js'></script>
 

ts/components/OnionStatusDialog.tsx

@@ -24,7 +24,6 @@ interface State {
 }
 
 interface Props {
-  i18n: any;
   theme: DefaultTheme;
   nodes?: Array<string>;
   onClose: any;
@@ -33,17 +32,17 @@ interface Props {
 
 
 export const OnionStatusDialog = (props: Props) => {
-    const {i18n, theme, onClose} = props.i18n;
+    const { theme, onClose} = props;
   
     return (
       <SessionModal
-        title={i18n('onionPathIndicatorTitle')}
+        title={window.i18n('onionPathIndicatorTitle')}
         theme={theme}
         onClose={onClose}
       >
         <div className="spacer-md">
 
-        {i18n('onionPathIndicatorDescription')}
+        {window.i18n('onionPathIndicatorDescription')}
         </div>
       </SessionModal>
     );