Name class components

This commit is contained in:
Aarni Koskela
2019-09-23 15:53:51 +03:00
parent 1203e52311
commit cb652577b9
8 changed files with 12 additions and 14 deletions

View File

@@ -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>;
};

View File

@@ -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
};

View File

@@ -13,7 +13,7 @@ function throwError(err) {
});
}
export default class extends React.Component {
export default class Feed extends React.Component {
state = {
messages: []
};

View File

@@ -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,

View File

@@ -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>
);
};

View File

@@ -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: []
};

View File

@@ -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
};

View File

@@ -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: "",