Migrate app to TypeScript (#1637)

* Initial setup and migrated src/common

* WIP

* WIP

* WIP

* Main module basically finished

* Renderer process migrated

* Added CI step and some fixes

* Fixed remainder of issues and added proper ESLint config

* Fixed a couple issues

* Progress!

* Some more fixes

* Fixed a test

* Fix build step

* PR feedback

src/renderer/components/ErrorView.tsx

@@ -0,0 +1,87 @@
+// Copyright (c) 2015-2016 Yuya Ochiai
+// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+// ErrorCode: https://code.google.com/p/chromium/codesearch#chromium/src/net/base/net_error_list.h
+
+import React from 'react';
+import {Grid, Row, Col} from 'react-bootstrap';
+
+type Props = {
+    errorInfo?: string;
+    url?: string;
+    id?: string;
+    active?: boolean;
+    appName?: string;
+};
+
+export default function ErrorView(props: Props) {
+    const classNames = ['container', 'ErrorView'];
+    if (!props.active) {
+        classNames.push('ErrorView-hidden');
+    }
+
+    return (
+        <Grid
+            id={props.id}
+            bsClass={classNames.join(' ')}
+        >
+            <div className='ErrorView-table'>
+                <div className='ErrorView-cell'>
+                    <Row>
+                        <Col
+                            xs={0}
+                            sm={1}
+                            md={1}
+                            lg={2}
+                        />
+                        <Col
+                            xs={12}
+                            sm={10}
+                            md={10}
+                            lg={8}
+                        >
+                            <h2>{`Cannot connect to ${props.appName}`}</h2>
+                            <hr/>
+                            <p>{`We're having trouble connecting to ${props.appName}. If refreshing this page (Ctrl+R or Command+R) does not work please verify that:`}</p>
+                            <br/>
+                            <ul className='ErrorView-bullets' >
+                                <li>{'Your computer is connected to the internet.'}</li>
+                                <li>{`The ${props.appName} URL `}
+                                    <a
+
+                                        //onClick={handleClick}
+                                        href={props.url}
+                                        target='_blank'
+                                        rel='noreferrer'
+                                    >
+                                        {props.url}
+                                    </a>{' is correct.'}</li>
+                                <li>{'You can reach '}
+                                    <a
+
+                                        // onClick={handleClick}
+                                        href={props.url}
+                                        target='_blank'
+                                        rel='noreferrer'
+                                    >
+                                        {props.url}
+                                    </a>{' from a browser window.'}</li>
+                            </ul>
+                            <br/>
+                            <div className='ErrorView-techInfo'>
+                                {props.errorInfo}
+                            </div>
+                        </Col>
+                        <Col
+                            xs={0}
+                            sm={1}
+                            md={1}
+                            lg={2}
+                        />
+                    </Row>
+                </div>
+            </div>
+        </Grid>
+    );
+}