Change props and state to functional style

client/homebrew/pages/homePage/homePage.jsx

@@ -21,25 +21,19 @@ const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
 
 const { DEFAULT_BREW } = require('../../../../server/brewDefaults.js');
 
-const HomePage = createClass({
+const HomePage =(props)=>{
-	displayName     : 'HomePage',
+	const {
-	getDefaultProps : function() {
+		brew = DEFAULT_BREW,
-		return {
+		ver  = '0.0.0'
-			brew : DEFAULT_BREW,
+	} = props;
-			ver  : '0.0.0'
+
-		};
+	const [brew                      , setBrew]                       = useState(brew);
-	},
+	const [welcomeText               , setWelcomeText]                = useState(brew.text);
-	getInitialState : function() {
+	const [error                     , setError]                      = useState(undefined);
-		return {
+	const [currentEditorViewPageNum  , setCurrentEditorViewPageNum]   = useState(1);
-			brew                       : this.props.brew,
+	const [currentEditorCursorPageNum, setCurrentEditorCursorPageNum] = useState(1);
-			welcomeText                : this.props.brew.text,
+	const [currentBrewRendererPageNum, setCurrentBrewRendererPageNum] = useState(1);
-			error                      : undefined,
+	const [themeBundle               , setThemeBundle]                = useState({});
-			currentEditorViewPageNum   : 1,
-			currentEditorCursorPageNum : 1,
-			currentBrewRendererPageNum : 1,
-			themeBundle                : {}
-		};
-	},
 
 	editor : React.createRef(null),
 
@@ -136,6 +130,6 @@ const HomePage = createClass({
 			</a>
 		</div>;
 	}
-});
+};
 
 module.exports = HomePage;