adding footer and header component

day-2-not-resolved/src/components/application.tsx

@@ -2,12 +2,15 @@ import * as React from "react";
 import { Animation } from './animation';
 import { ListToPlay } from './playable/playables';
 import { FullList } from './animations/fullList';
+import { Header } from './header';
+import { Footer } from './footer';
 
 export interface ApplicationProps { }
 
 export class Application extends React.Component<ApplicationProps, {}> {
     render() {
         return <div>
+                <Header text="My first React Application"/>
                 <section className="list-to-play">
                   <h1>Playable List</h1>
                   <ListToPlay/>
@@ -19,7 +22,9 @@ export class Application extends React.Component<ApplicationProps, {}> {
                 <section className="full-list">
                   <h1>Choosing List</h1>
                   <FullList/>
-                </section>
+                </section>                
+                 <Footer text="Learning ReactJS" link="https://github.com/reactjs"/>                
                </div>;
+
     }
 }

day-2-not-resolved/src/components/footer.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+
+export interface ILink	 { text: string,
+						   link: string }
+
+export class Footer extends React.Component<ILink, void> {
+    render() {
+        return <footer>
+        			<a href={this.props.link}>{this.props.text}</a>
+        	   </footer>
+    }
+}

day-2-not-resolved/src/components/header.tsx

@@ -0,0 +1,9 @@
+import * as React from "react";
+
+export interface IText { text: string }
+
+export class Header extends React.Component<IText, void> {
+    render() {
+        return <h1>{this.props.text}</h1>
+    }
+}