Show timeline

app/src/app/app.module.ts

@@ -14,6 +14,7 @@ import { SearchPage } from '../pages/search/search';
 import { SettingsPage } from '../pages/settings/settings';
 import { LoginPage } from '../pages/login/login';
 import { TwitterApiProvider } from '../providers/twitter-api/twitter-api';
+import { FeedComponent } from '../components/feed/feed';
 
 @NgModule({
   declarations: [
@@ -21,7 +22,8 @@ import { TwitterApiProvider } from '../providers/twitter-api/twitter-api';
     HomePage,
     SearchPage,
     SettingsPage,
-    LoginPage
+    LoginPage,
+    FeedComponent
   ],
   imports: [
     BrowserModule,

app/src/components/components.module.ts

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core';
+import { FeedComponent } from './feed/feed';
+@NgModule({
+	declarations: [FeedComponent],
+	imports: [],
+	exports: [FeedComponent]
+})
+export class ComponentsModule {}

app/src/components/feed/feed.html

@@ -0,0 +1,5 @@
+<ion-content fullscreen>
+  <ion-list>
+    <ion-item *ngFor="let tweet of data">{{ tweet.text }}</ion-item>
+  </ion-list>
+</ion-content>

app/src/components/feed/feed.scss

@@ -0,0 +1,3 @@
+feed {
+
+}

app/src/components/feed/feed.ts

@@ -0,0 +1,22 @@
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+
+/**
+ * Generated class for the FeedComponent component.
+ *
+ * See https://angular.io/api/core/Component for more info on Angular
+ * Components.
+ */
+@Component({
+  selector: 'feed',
+  templateUrl: 'feed.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class FeedComponent {
+
+  @Input() data: any[];
+
+  constructor() {
+    console.log('Hello FeedComponent Component');
+  }
+
+}

app/src/pages/home/home.html

@@ -7,11 +7,6 @@
   </ion-navbar>
 </ion-header>
 
-<ion-content padding>
-  <button ion-button block (click)="clickmich()">rrrrequest :D</button>
-  The world is your oyster.
-  <p>
-    If you get lost, the
-    <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
-  </p>
+<ion-content>
+  <feed [data]="data"></feed>
 </ion-content>

app/src/pages/home/home.ts

@@ -8,6 +8,7 @@ import { TwitterApiProvider } from '../../providers/twitter-api/twitter-api';
 })
 export class HomePage {
   menuController: MenuController;
+  data: any[] = [];
 
   constructor(
     public navCtrl: NavController,
@@ -17,13 +18,14 @@ export class HomePage {
 
   ionViewDidLoad() {
     this.menuCtrl.enable(true, 'sideNav');
+    
   }
 
-  clickmich() {
-    // this.twitter.fetchHomeFeed().subscribe(data => console.log(data));
+  ionViewDidEnter() {
     this.twitter.fetchHomeFeed()
-      .then(res => {
-        console.log(res);
-      });
+    .then(res => {
+      console.log(res);
+      this.data = res.data;
+    });
   }
 }

app/src/providers/twitter-api/twitter-api.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import { Storage } from '@ionic/storage';
 import Twit from 'twit';