From a5447e6ee3960a63681d7255cc664d14fe67bf79 Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Wed, 14 Aug 2019 08:28:15 +0100
Subject: [PATCH] Use React.FunctionComponent when typing

---
 app/src/frontend/building-edit.tsx | 6 +++---
 app/src/frontend/building-view.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/src/frontend/building-edit.tsx b/app/src/frontend/building-edit.tsx
index e7cc9eb8..f062ff63 100644
--- a/app/src/frontend/building-edit.tsx
+++ b/app/src/frontend/building-edit.tsx
@@ -70,7 +70,7 @@ class EditForm extends Component<any, any> { // TODO: add proper types
         for (const field of props.fields) {
             fieldsObj[field.slug] = props[field.slug];
         }
-        
+
         this.state = {
             error: this.props.error || undefined,
             like: this.props.like || undefined,
@@ -591,7 +591,7 @@ class YearEstimator extends Component<any, any> { // TODO: add proper types
         toggleCopyAttribute: PropTypes.func,
         copying: PropTypes.bool
     };
-    
+
     constructor(props) {
         super(props);
         this.state = {
@@ -680,7 +680,7 @@ LikeButton.propTypes = {
     handleLike: PropTypes.func
 }
 
-const Label: React.SFC<any> = (props) => { // TODO: remove any
+const Label: React.FunctionComponent<any> = (props) => { // TODO: remove any
     return (
         <label htmlFor={props.slug}>
             {props.title}
diff --git a/app/src/frontend/building-view.tsx b/app/src/frontend/building-view.tsx
index 40dbc063..39e25a43 100644
--- a/app/src/frontend/building-view.tsx
+++ b/app/src/frontend/building-view.tsx
@@ -205,7 +205,7 @@ class DataSection extends React.Component<any, any> { // TODO: add proper types
     }
 }
 
-const DataEntry: React.SFC<any> = (props) => { // TODO: remove any
+const DataEntry: React.FunctionComponent<any> = (props) => { // TODO: remove any
     return (
         <Fragment>
             <dt>
@@ -241,7 +241,7 @@ DataEntry.propTypes = {
     value: PropTypes.any
 }
 
-const LikeDataEntry: React.SFC<any> = (props) => { // TODO: remove any
+const LikeDataEntry: React.FunctionComponent<any> = (props) => { // TODO: remove any
     const data_string = JSON.stringify({like: true});
     return (
         <Fragment>
@@ -280,7 +280,7 @@ LikeDataEntry.propTypes = {
     user_building_like: PropTypes.bool
 }
 
-const MultiDataEntry: React.SFC<any> = (props) => { // TODO: remove any
+const MultiDataEntry: React.FunctionComponent<any> = (props) => { // TODO: remove any
     let content;
 
     if (props.value && props.value.length) {