add code to add tweet

Author: HugoCapocci

src/app/app.module.ts

@@ -10,7 +10,7 @@ import { TimelineComponent } from './timeline/timeline.component';
   declarations: [
     AppComponent,
     TimelineComponent,
-    TimeAgoPipe
+    TimeAgoPipe,
   ],
   imports: [
     BrowserModule,

src/app/timeline/timeline.component.html

@@ -7,3 +7,12 @@
     {{ tweet.text }}
   </div>
 </div>
+
+<div class="create-tweet-container">
+  <div class="tweet-content">
+    <textarea cols="50" rows="5" #tweetContent></textarea>
+  </div>
+  <div class="footer">
+    <button class="send-tweet-button" (click)="addTweet(tweetContent.value)">Tweeter</button>
+  </div>
+</div>

src/app/timeline/timeline.component.less

@@ -27,3 +27,26 @@
   }
 }
 
+.create-tweet-container {
+  margin-top: 20px;
+  margin-left: 10px;
+
+  textarea {
+    background: #fff;
+    border: 1px solid #e6ecf0;
+    border-radius: 8px;
+    line-height: 20px;
+  }
+    
+  .send-tweet-button {
+    background-color: #32ADAD;
+    border-color: transparent;
+    border-radius: 100px;
+    color: white;
+    font-size: 10px;
+    line-height: 8px;
+    padding: 6px 16px;
+    margin-left: 310px;
+    cursor: pointer;
+  }
+}

src/app/timeline/timeline.component.ts

@@ -22,9 +22,21 @@ export class TimelineComponent implements OnInit {
     },
   ];
 
+  user: string = 'Hugo';
+
   constructor() { }
 
   ngOnInit() {
   }
 
+  addTweet(text: string) {
+    const tweet: Tweet = {
+      created_at: new Date().toISOString(),
+      id: this.tweets.length + 1,
+      text,
+      user: this.user
+    }
+    this.tweets.push(tweet);
+  }
+
 }