From cb652577b9f513549fa216bd7642b42b4b45a1f1 Mon Sep 17 00:00:00 2001
From: Aarni Koskela <akx@iki.fi>
Date: Mon, 23 Sep 2019 15:53:51 +0300
Subject: [PATCH] Name class components

---
 legacy-js/components/email.js              | 6 ++----
 legacy-js/components/fader.js              | 2 +-
 legacy-js/components/feed.js               | 2 +-
 legacy-js/components/inviteForm.js         | 2 +-
 legacy-js/components/loader.js             | 8 ++++----
 legacy-js/components/members.js            | 2 +-
 legacy-js/components/membershipForm.js     | 2 +-
 legacy-js/components/membershipInfoForm.js | 2 +-
 8 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/legacy-js/components/email.js b/legacy-js/components/email.js
index 4c0ba4a..a473459 100644
--- a/legacy-js/components/email.js
+++ b/legacy-js/components/email.js
@@ -2,8 +2,6 @@
 
 import React from 'react';
 
-export default class extends React.Component {
-  render() {
-    return <a href="mailto:info@koodiklinikka.fi">info@koodiklinikka.fi</a>;
-  }
+export default function EmailComponent() {
+  return <a href="mailto:info@koodiklinikka.fi">info@koodiklinikka.fi</a>;
 };
diff --git a/legacy-js/components/fader.js b/legacy-js/components/fader.js
index a4e6116..6f51a52 100644
--- a/legacy-js/components/fader.js
+++ b/legacy-js/components/fader.js
@@ -6,7 +6,7 @@ function clamp(min, max, value) {
   return Math.min(Math.max(value, min), max);
 }
 
-export default class extends React.Component {
+export default class Fader extends React.Component {
   static defaultProps = {
     threshold: 100
   };
diff --git a/legacy-js/components/feed.js b/legacy-js/components/feed.js
index b9fb2b0..bc2e697 100644
--- a/legacy-js/components/feed.js
+++ b/legacy-js/components/feed.js
@@ -13,7 +13,7 @@ function throwError(err) {
   });
 }
 
-export default class extends React.Component {
+export default class Feed extends React.Component {
   state = {
     messages: []
   };
diff --git a/legacy-js/components/inviteForm.js b/legacy-js/components/inviteForm.js
index f7a2277..cfc0b66 100644
--- a/legacy-js/components/inviteForm.js
+++ b/legacy-js/components/inviteForm.js
@@ -6,7 +6,7 @@ import classSet from 'classnames';
 import api from '../api';
 import Loader from './loader';
 
-export default class extends React.Component {
+export default class InviteForm extends React.Component {
   state = {
     email: '',
     submitted: false,
diff --git a/legacy-js/components/loader.js b/legacy-js/components/loader.js
index 6909701..696633a 100644
--- a/legacy-js/components/loader.js
+++ b/legacy-js/components/loader.js
@@ -3,10 +3,10 @@ import React from 'react';
 export default function Loader() {
   return (
     <div className='sk-folding-cube'>
-      <div className='sk-cube1 sk-cube'></div>
-      <div className='sk-cube2 sk-cube'></div>
-      <div className='sk-cube4 sk-cube'></div>
-      <div className='sk-cube3 sk-cube'></div>
+      <div className='sk-cube1 sk-cube'/>
+      <div className='sk-cube2 sk-cube'/>
+      <div className='sk-cube4 sk-cube'/>
+      <div className='sk-cube3 sk-cube'/>
     </div>
   );
 };
diff --git a/legacy-js/components/members.js b/legacy-js/components/members.js
index 2a850c9..edfc35d 100644
--- a/legacy-js/components/members.js
+++ b/legacy-js/components/members.js
@@ -5,7 +5,7 @@ import request from 'axios';
 import _ from 'lodash';
 import api from '../api';
 
-export default class extends React.Component {
+export default class Members extends React.Component {
   state = {
     members: []
   };
diff --git a/legacy-js/components/membershipForm.js b/legacy-js/components/membershipForm.js
index b61d46e..50fbfd7 100644
--- a/legacy-js/components/membershipForm.js
+++ b/legacy-js/components/membershipForm.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import MembershipInfoForm from './membershipInfoForm';
 
-export default class extends React.Component {
+export default class MembershipForm extends React.Component {
   state = {
     signupSuccess: false
   };
diff --git a/legacy-js/components/membershipInfoForm.js b/legacy-js/components/membershipInfoForm.js
index f0862fe..268c81f 100644
--- a/legacy-js/components/membershipInfoForm.js
+++ b/legacy-js/components/membershipInfoForm.js
@@ -29,7 +29,7 @@ function getUserInfo(state) {
   return _.pick(state, fieldNames);
 }
 
-export default class extends React.Component {
+export default class MembershipInfoForm extends React.Component {
   state = {
     address: "",
     city: "",