cleaning up a bit

Author: codyparker

README.md

@@ -1,5 +1,7 @@
 # Feathers React Chat (TypeScript)
 
+**This project was adapted from the original [feathers-chat-react](https://github.com/feathersjs-ecosystem/feathers-chat-react).**
+
 A frontend for the [feathers-chat API](https://github.com/feathersjs/feathers-chat) using React with TypeScript.
 
 To run the example:

src/Login.tsx

@@ -17,7 +17,7 @@ class Login extends Component<{}, State> {
   txtEmail = React.createRef<HTMLInputElement>()
   txtPassword = React.createRef<HTMLInputElement>()
 
-  login() {
+  login = () => {
     const email = this.txtEmail.current?.value
     const password = this.txtPassword.current?.value
 
@@ -27,7 +27,7 @@ class Login extends Component<{}, State> {
     }).catch(error => this.setState({ error: error.message }))
   }
 
-  signup() {
+  signup = () => {
     const email = this.txtEmail.current?.value
     const password = this.txtPassword.current?.value
 
@@ -36,17 +36,14 @@ class Login extends Component<{}, State> {
       .then(() => this.login())
   }
 
-  renderError = () => {
-      return <p>{ this.state.error }</p>
-  }
 
 
   render() {
     return <main className="login container">
       <div className="row">
         <div className="col-12 col-6-tablet push-3-tablet text-center heading">
           <h1 className="font-100">Log in or signup</h1>
-          {this.renderError()}
+          <p>{ this.state.error }</p>
         </div>
       </div>
       <div className="row">
@@ -60,11 +57,11 @@ class Login extends Component<{}, State> {
               <input ref={this.txtPassword} className="block" type="password" name="password" placeholder="password" />
             </fieldset>
 
-            <button type="button" className="button button-primary block signup" onClick={() => this.login()}>
+            <button type="button" className="button button-primary block signup" onClick={this.login}>
               Log in
             </button>
 
-            <button type="button" className="button button-primary block signup" onClick={() => this.signup()}>
+            <button type="button" className="button button-primary block signup" onClick={this.signup}>
               Signup
             </button>
           </form>

src/index.css

@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}

src/index.tsx

@@ -1,12 +1,8 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+import React from 'react'
+import ReactDOM from 'react-dom'
+
+import App from './App'
+
+ReactDOM.render(<App />, document.getElementById('root'))
+
+