Remove jshint - move everything over to eslint

Also removed all hints of previous linters

ts/components/ContactListItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import classnames from 'classnames';
+import classNames from 'classnames';
 
 import { Emojify } from './conversation/Emojify';
 
@@ -37,7 +37,7 @@ export class ContactListItem extends React.Component<Props> {
 
     return (
       <div
-        className={classnames(
+        className={classNames(
           'module-contact-list-item__avatar-default',
           `module-contact-list-item__avatar-default--${color}`
         )}
@@ -77,7 +77,7 @@ export class ContactListItem extends React.Component<Props> {
       <div
         role="button"
         onClick={onClick}
-        className={classnames(
+        className={classNames(
           'module-contact-list-item',
           onClick ? 'module-contact-list-item--with-click-handler' : null
         )}

ts/components/conversation/ContactDetail.tsx

@@ -93,6 +93,7 @@ export class ContactDetail extends React.Component<Props> {
       <div
         className="module-contact-detail__send-message"
         role="button"
+        // tslint:disable-next-line react-this-binding-issue
         onClick={onClick}
       >
         <button className="module-contact-detail__send-message__inner">

ts/components/conversation/EmbeddedContact.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import classnames from 'classnames';
+import classNames from 'classnames';
 
 import { Contact, getName } from '../../types/Contact';
 
@@ -30,7 +30,7 @@ export class EmbeddedContact extends React.Component<Props> {
 
     return (
       <div
-        className={classnames(
+        className={classNames(
           'module-embedded-contact',
           withContentAbove
             ? 'module-embedded-contact--with-content-above'
@@ -102,7 +102,7 @@ export function renderName({
 }) {
   return (
     <div
-      className={classnames(
+      className={classNames(
         `module-${module}__contact-name`,
         isIncoming ? `module-${module}__contact-name--incoming` : null
       )}
@@ -127,7 +127,7 @@ export function renderContactShorthand({
 
   return (
     <div
-      className={classnames(
+      className={classNames(
         `module-${module}__contact-method`,
         isIncoming ? `module-${module}__contact-method--incoming` : null
       )}

ts/components/conversation/Message.tsx

@@ -1,9 +1,13 @@
 import React from 'react';
-import classnames from 'classnames';
+import classNames from 'classnames';
 import moment from 'moment';
 import { padStart } from 'lodash';
 
 import { formatRelativeTime } from '../../util/formatRelativeTime';
+import {
+  isImageTypeSupported,
+  isVideoTypeSupported,
+} from '../../util/GoogleChrome';
 
 import { MessageBody } from './MessageBody';
 import { Emojify } from './Emojify';
@@ -69,15 +73,18 @@ interface Props {
 }
 
 function isImage(attachment?: Attachment) {
-  // TODO: exclude svg and tiff here
   return (
-    attachment && attachment.contentType && MIME.isImage(attachment.contentType)
+    attachment &&
+    attachment.contentType &&
+    isImageTypeSupported(attachment.contentType)
   );
 }
 
 function isVideo(attachment?: Attachment) {
   return (
-    attachment && attachment.contentType && MIME.isVideo(attachment.contentType)
+    attachment &&
+    attachment.contentType &&
+    isVideoTypeSupported(attachment.contentType)
   );
 }
 
@@ -143,7 +150,7 @@ export class Message extends React.Component<Props> {
 
     return (
       <div
-        className={classnames(
+        className={classNames(
           'module-message__metadata__timer',
           `module-message__metadata__timer--${bucket}`,
           `module-message__metadata__timer--${direction}`,
@@ -179,7 +186,7 @@ export class Message extends React.Component<Props> {
 
     return (
       <div
-        className={classnames(
+        className={classNames(
           'module-message__metadata',
           withImageNoCaption
             ? 'module-message__metadata--with-image-no-caption'
@@ -187,7 +194,7 @@ export class Message extends React.Component<Props> {
         )}
       >
         <span
-          className={classnames(
+          className={classNames(
             'module-message__metadata__date',
             `module-message__metadata__date--${direction}`,
             withImageNoCaption
@@ -202,7 +209,7 @@ export class Message extends React.Component<Props> {
         <span className="module-message__metadata__spacer" />
         {direction === 'outgoing' ? (
           <div
-            className={classnames(
+            className={classNames(
               'module-message__metadata__status-icon',
               `module-message__metadata__status-icon-${status}`,
               status === 'read'
@@ -251,6 +258,7 @@ export class Message extends React.Component<Props> {
     );
   }
 
+  // tslint:disable-next-line max-func-body-length
   public renderAttachment() {
     const {
       i18n,
@@ -277,7 +285,7 @@ export class Message extends React.Component<Props> {
       return (
         <div className="module-message__attachment-container">
           <img
-            className={classnames(
+            className={classNames(
               'module-message__img-attachment',
               withCaption
                 ? 'module-message__img-attachment--with-content-below'
@@ -299,7 +307,7 @@ export class Message extends React.Component<Props> {
       return (
         <video
           controls={true}
-          className={classnames(
+          className={classNames(
             'module-message__img-attachment',
             withCaption
               ? 'module-message__img-attachment--with-content-below'
@@ -316,7 +324,7 @@ export class Message extends React.Component<Props> {
       return (
         <audio
           controls={true}
-          className={classnames(
+          className={classNames(
             'module-message__audio-attachment',
             withContentBelow
               ? 'module-message__audio-attachment--with-content-below'
@@ -335,7 +343,7 @@ export class Message extends React.Component<Props> {
 
       return (
         <div
-          className={classnames(
+          className={classNames(
             'module-message__generic-attachment',
             withContentBelow
               ? 'module-message__generic-attachment--with-content-below'
@@ -354,7 +362,7 @@ export class Message extends React.Component<Props> {
           </div>
           <div className="module-message__generic-attachment__text">
             <div
-              className={classnames(
+              className={classNames(
                 'module-message__generic-attachment__file-name',
                 `module-message__generic-attachment__file-name--${direction}`
               )}
@@ -362,7 +370,7 @@ export class Message extends React.Component<Props> {
               {fileName}
             </div>
             <div
-              className={classnames(
+              className={classNames(
                 'module-message__generic-attachment__file-size',
                 `module-message__generic-attachment__file-size--${direction}`
               )}
@@ -503,7 +511,7 @@ export class Message extends React.Component<Props> {
     if (!authorAvatarPath) {
       return (
         <div
-          className={classnames(
+          className={classNames(
             'module-message__author-default-avatar',
             `module-message__author-default-avatar--${color}`
           )}
@@ -529,7 +537,7 @@ export class Message extends React.Component<Props> {
 
     return (
       <div
-        className={classnames(
+        className={classNames(
           'module-message__text',
           `module-message__text--${direction}`
         )}
@@ -557,7 +565,7 @@ export class Message extends React.Component<Props> {
       <li>
         <div
           id={id}
-          className={classnames(
+          className={classNames(
             'module-message',
             `module-message--${direction}`,
             imageAndNothingElse ? 'module-message--with-image-only' : null,

ts/components/conversation/Notification.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import classnames from 'classnames';
+import classNames from 'classnames';
 
 interface Props {
   type: string;
@@ -20,7 +20,7 @@ export class Notification extends React.Component<Props> {
       <div
         role="button"
         onClick={onClick}
-        className={classnames(
+        className={classNames(
           'module-notification',
           onClick ? 'module-notification--with-click-handler' : null
         )}

ts/components/conversation/Quote.tsx

@@ -1,7 +1,7 @@
 // tslint:disable:react-this-binding-issue
 
 import React from 'react';
-import classnames from 'classnames';
+import classNames from 'classnames';
 
 import * as MIME from '../../../ts/types/MIME';
 import * as GoogleChrome from '../../../ts/util/GoogleChrome';
@@ -89,7 +89,7 @@ export class Quote extends React.Component<Props> {
       <div className="module-quote__icon-container__inner">
         <div className="module-quote__icon-container__circle-background">
           <div
-            className={classnames(
+            className={classNames(
               'module-quote__icon-container__icon',
               `module-quote__icon-container__icon--${icon}`
             )}
@@ -112,7 +112,7 @@ export class Quote extends React.Component<Props> {
         <div className="module-quote__icon-container__inner">
           <div className="module-quote__icon-container__circle-background">
             <div
-              className={classnames(
+              className={classNames(
                 'module-quote__icon-container__icon',
                 `module-quote__icon-container__icon--${icon}`
               )}
@@ -263,7 +263,7 @@ export class Quote extends React.Component<Props> {
       <div
         onClick={onClick}
         role="button"
-        className={classnames(
+        className={classNames(
           'module-quote',
           isIncoming ? 'module-quote--incoming' : 'module-quote--outgoing',
           !isIncoming ? `module-quote--outgoing-${color}` : null,