cleanup network status view and some UI constants

stylesheets/_index.scss

@@ -183,9 +183,6 @@ h4.section-toggle,
 
 .network-status-container {
   .network-status {
-    background: url('../images/error_red.svg') no-repeat left 10px center;
-    background-size: 25px 25px;
-    background-color: #fcd156;
     padding: 10px;
     padding-inline-start: 2 * $button-height;
     display: none;
@@ -203,16 +200,6 @@ h4.section-toggle,
         padding: 0.5em 0;
       }
     }
-    .action {
-      button {
-        border-radius: $border-radius;
-        border: solid 1px #ccc;
-        cursor: pointer;
-        font-family: inherit;
-        color: white;
-        background: $blue;
-      }
-    }
   }
 }
 

stylesheets/_session_conversation.scss

@@ -1,4 +1,3 @@
-
 @keyframes fadein {
   from {
     opacity: 0;
@@ -221,7 +220,7 @@
   padding: 0px $session-margin-md;
   min-height: min-content;
   @include themify($themes) {
-    background: themed('inputBackground');
+    background: themed('composeViewBackground');
   }
 
   & > .session-icon-button {

stylesheets/_session_theme.scss

@@ -169,10 +169,13 @@ h4 {
   text-align: center;
 }
 
-.dark-theme .network-status-container .network-status {
+.network-status {
-  background-color: rgba($session-color-green, 0.6);
+  @include themify($themes) {
+    background: themed('accent');
+  }
 
+  h3,
   .network-status-message {
-    color: $session-color-white;
+    color: $black;
   }
 }

stylesheets/_theme_dark.scss

@@ -146,27 +146,6 @@
     }
   }
 
-  // _index
-  .network-status-container {
-    .network-status {
-      background: url('../images/error_red.svg') no-repeat left 10px center;
-      background-size: 25px 25px;
-      background-color: #fcd156;
-
-      .network-status-message {
-        color: $color-dark-85;
-      }
-
-      .action {
-        button {
-          border: solid 1px #ccc;
-          color: white;
-          background: $blue;
-        }
-      }
-    }
-  }
-
   .tool-bar {
     color: $color-dark-05;
 

ts/components/Lightbox.tsx

@@ -359,9 +359,7 @@ export class Lightbox extends React.Component<Props> {
     this.onClose();
   };
 
-  private readonly onObjectClick = (
+  private readonly onObjectClick = (event: any) => {
-    event: React.MouseEvent<HTMLImageElement | HTMLDivElement>
-  ) => {
     event.stopPropagation();
     this.onClose();
   };

ts/components/conversation/Image.tsx

@@ -129,7 +129,7 @@ export class Image extends React.Component<Props> {
         {closeButton ? (
           <div
             role="button"
-            onClick={(e: React.MouseEvent<{}>) => {
+            onClick={(e: any) => {
               e.stopPropagation();
               if (onClickClose) {
                 onClickClose(attachment);

ts/components/conversation/Quote.tsx

@@ -277,7 +277,7 @@ export class Quote extends React.Component<Props, State> {
 
     // We don't want the overall click handler for the quote to fire, so we stop
     //   propagation before handing control to the caller's callback.
-    const onClick = (e: React.MouseEvent<{}>): void => {
+    const onClick = (e: any): void => {
       e.stopPropagation();
       onClose();
     };

ts/components/session/conversation/SessionConversation.tsx

@@ -584,8 +584,8 @@ export class SessionConversation extends React.Component<any, State> {
     const ourPK = window.textsecure.storage.user.getNumber();
     const members = conversation.get('members') || [];
     const isAdmin = conversation.isMediumGroup()
-    ? true
+      ? true
-    : conversation.get('groupAdmins').includes(ourPK);
+      : conversation.get('groupAdmins').includes(ourPK);
 
     return {
       id: conversation.id,
@@ -609,12 +609,12 @@ export class SessionConversation extends React.Component<any, State> {
       })),
 
       onSetDisappearingMessages: (seconds: any) => {
-          if (seconds > 0) {
+        if (seconds > 0) {
-            conversation.updateExpirationTimer(seconds);
+          conversation.updateExpirationTimer(seconds);
-          } else {
+        } else {
-            conversation.updateExpirationTimer(null);
+          conversation.updateExpirationTimer(null);
-          }
+        }
-        },
+      },
 
       onGoBack: () => {
         this.toggleGroupSettingsPane();
@@ -872,10 +872,14 @@ export class SessionConversation extends React.Component<any, State> {
     // If removable from server, we "Unsend" - otherwise "Delete"
     const pluralSuffix = multiple ? 's' : '';
     const title = window.i18n(
-      isServerDeletable ? `deleteMessage${pluralSuffix}ForEveryone` : `deleteMessage${pluralSuffix}`
+      isServerDeletable
+        ? `deleteMessage${pluralSuffix}ForEveryone`
+        : `deleteMessage${pluralSuffix}`
     );
 
-    const okText = window.i18n(isServerDeletable ? 'deleteForEveryone' : 'delete');
+    const okText = window.i18n(
+      isServerDeletable ? 'deleteForEveryone' : 'delete'
+    );
 
     window.confirmationDialog({
       title,

ts/components/session/conversation/SessionRecording.tsx

@@ -91,7 +91,7 @@ export class SessionRecording extends React.Component<Props, State> {
     this.updateCanvasDimensions = this.updateCanvasDimensions.bind(this);
 
     const now = getTimestamp();
-    const updateTimerInterval = setInterval(this.timerUpdate, 500);
+    const updateTimerInterval = global.setInterval(this.timerUpdate, 500);
 
     this.state = {
       recordDuration: 0,

ts/session/constants.ts

@@ -45,32 +45,6 @@ export const UI = {
     DARK_GREY: '#353535',
     BLACK: '#000000',
     GREEN: '#00F782',
-    GREEN_ALT_1: '#00F480',
-    GREEN_ALT_2: '#00FD73',
-    GREEN_ALT_3: '#00F782',
-    BACKGROUND: '#121212',
-
-    // SHADES
-    SHADE_1: '#0C0C0C',
-    SHADE_1_ALT: '#0F1011',
-    SHADE_2: '#161616',
-    SHADE_3: '#191818',
-    SHADE_4: '#1B1B1B',
-    SHADE_5: '#222325',
-    SHADE_6: '#232323',
-    SHADE_6_ALT: '#2C2C2C',
-    SHADE_7: '#2E2E2E',
-    SHADE_8: '#2F2F2F',
-    SHADE_9: '#313131',
-    SHADE_10: '#3E3E3E',
-    SHADE_11: '#3F3F3F',
-    SHADE_12: '#3F4146',
-    SHADE_13: '#474646',
-    SHADE_14: '#535865',
-    SHADE_15: '#5B6C72',
-    SHADE_16: '#979797',
-    SHADE_17: '#A0A0A0',
-    SHADE_18: '#141414',
 
     // SEMANTIC COLORS
     INFO: '#3F3F3F',

ts/updater/updater.ts

@@ -39,7 +39,7 @@ export async function start(
   autoUpdater.logger = logger;
   autoUpdater.autoDownload = false;
 
-  interval = setInterval(async () => {
+  interval = global.setInterval(async () => {
     try {
       await checkForUpdates(getMainWindow, messages, logger);
     } catch (error) {