Add flow prop types in scene components

2 files changed, 11 insertions, 3 deletions

diff --git a/frontend/src/scenes/SplashScreen/components/HomeLayout.js b/frontend/src/scenes/SplashScreen/components/HomeLayout.js
index 2a3fd856..08029d45 100644
--- a/frontend/src/scenes/SplashScreen/components/HomeLayout.js
+++ b/frontend/src/scenes/SplashScreen/components/HomeLayout.js
@@ -1,12 +1,16 @@
 // @flow
-import type { Children } from 'react';
+import type { Node } from 'react';
 import React from 'react';
 import { Banner } from 'rebass';
 import { ErrorToastContainer } from '../../../components/errors/errorToastContainer';
 import background from './background-zeus-temple.jpg';
 import logo from './logo-7-wonders.png';
 
-export const HomeLayout = ({ children }: { children: Children }) => (
+export type HomeLayoutProps = {
+  children?: Node,
+}
+
+export const HomeLayout = ({ children }: HomeLayoutProps) => (
   <div>
     <Banner align="center" backgroundImage={background}>
       <img src={logo} alt="Seven Wonders" />
diff --git a/frontend/src/scenes/SplashScreen/index.js b/frontend/src/scenes/SplashScreen/index.js
index 022caf45..745d8ee7 100644
--- a/frontend/src/scenes/SplashScreen/index.js
+++ b/frontend/src/scenes/SplashScreen/index.js
@@ -6,7 +6,11 @@ import { Container } from 'rebass';
 import { actions } from '../../redux/players';
 import { HomeLayout } from './components/HomeLayout';
 
-class SplashScreenPresenter extends Component {
+export type SplashScreenProps = {
+  chooseUsername: (username: string) => void,
+}
+
+class SplashScreenPresenter extends Component<SplashScreenProps> {
   _username = '';
 
   play = e => {