🎨 (example) fix eslint errors

Author: tpucci

example/src/App.tsx

@@ -2,8 +2,7 @@ import React, { Component } from 'react';
 import { SignIn } from './canals/SignIn';
 import { FullScreenPortal } from 'react-gondola';
 
-interface IProps {}
-export default class App extends Component<IProps> {
+export default class App extends Component<{}> {
   render() {
     return (
       <FullScreenPortal>

example/src/canals/SignIn/Confirm.tsx

@@ -1,8 +1,7 @@
 import React, { Component } from 'react';
 import { SignIn } from './SignIn';
 
-interface IProps {}
-export class Confirm extends Component<IProps> {
+export class Confirm extends Component<{}> {
   render() {
     return <SignIn />;
   }

example/src/canals/SignIn/FirstName.tsx

@@ -1,10 +1,20 @@
 import React, { Component } from 'react';
 import { StyleSheet, Text, View, Button, TextInput } from 'react-native';
 
-interface IProps {
+interface Props {
   onNext: () => any;
 }
-export class FirstName extends Component<IProps> {
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    backgroundColor: '#FFAAAA',
+    flex: 1,
+    justifyContent: 'space-around',
+  },
+});
+
+export class FirstName extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
@@ -15,12 +25,3 @@ export class FirstName extends Component<IProps> {
     );
   }
 }
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    backgroundColor: '#FFAAAA',
-    flex: 1,
-    justifyContent: 'space-around'
-  }
-});

example/src/canals/SignIn/LastName.tsx

@@ -1,10 +1,20 @@
 import React, { Component } from 'react';
 import { StyleSheet, Text, View, Button } from 'react-native';
 
-interface IProps {
+interface Props {
   onNext: () => any;
 }
-export class LastName extends Component<IProps> {
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    backgroundColor: '#FF9999',
+    flex: 1,
+    justifyContent: 'center',
+  },
+});
+
+export class LastName extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
@@ -14,12 +24,3 @@ export class LastName extends Component<IProps> {
     );
   }
 }
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    backgroundColor: '#FF9999',
-    flex: 1,
-    justifyContent: 'center'
-  }
-});

example/src/canals/SignIn/SignIn.tsx

@@ -8,7 +8,7 @@ import { Confirm } from './Confirm';
 export class SignIn extends Component {
   state = {
     confirm: false,
-    lastName: false
+    lastName: false,
   };
 
   goForward = () => {
@@ -29,32 +29,26 @@ export class SignIn extends Component {
     {
       Component: FirstName,
       name: 'firstName',
-      props: { onNext: this.goForward }
+      props: { onNext: this.goForward },
     },
     {
       Component: LastName,
       Transitioner: RotateCrazy,
       name: 'lastName',
       onBack: this.goBackward,
-      props: { onNext: this.goForward }
+      props: { onNext: this.goForward },
     },
     {
       Component: Confirm,
       Transitioner: RotateCrazy,
       name: 'confirm',
-      onBack: this.goBackward
-    }
+      onBack: this.goBackward,
+    },
   ]);
 
   render() {
     const { SignInCanal } = this;
 
-    return (
-      <SignInCanal
-        firstName
-        lastName={this.state.lastName}
-        confirm={this.state.confirm}
-      />
-    );
+    return <SignInCanal firstName lastName={this.state.lastName} confirm={this.state.confirm} />;
   }
 }