Add type for Task variables

graphql-heroes · Dec 4, 2018 · 52c59b6 · 52c59b6
1 parent b21da4f
commit 52c59b6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/app/pages/home/home.page.ts b/src/app/pages/home/home.page.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { Router, NavigationEnd } from '@angular/router';
-import { ItemService } from '../../services/item.service';
+import { ItemService, Task } from '../../services/item.service';
 
 @Component({
   selector: 'app-page-home',
@@ -10,7 +10,7 @@ import { ItemService } from '../../services/item.service';
 
 export class HomePage implements OnInit {
 
-  items: Array<any>;
+  items: Array<Task>;
   loading = true;
   errors: any;
 

diff --git a/src/app/pages/update-item/update-item.page.ts b/src/app/pages/update-item/update-item.page.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { Validators, FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { ItemService } from '../../services/item.service';
+import { ItemService, Task } from '../../services/item.service';
 
 @Component({
   selector: 'update-item',
@@ -10,7 +10,7 @@ import { ItemService } from '../../services/item.service';
 })
 export class UpdateItemPage implements OnInit {
 
-  item: any;
+  item: Task;
   edit_item_form: FormGroup;
 
   constructor(
@@ -23,7 +23,7 @@ export class UpdateItemPage implements OnInit {
   ngOnInit() {
     this.route.params.subscribe(
       param => {
-        this.item = param;
+        this.item = param as Task;
         this.edit_item_form = this.formBuilder.group({
           title: new FormControl(this.item.title, Validators.required),
           description: new FormControl(this.item.description, Validators.required),

diff --git a/src/app/services/item.service.ts b/src/app/services/item.service.ts
@@ -2,9 +2,9 @@ import { Injectable } from '@angular/core';
 import { GET_TASKS, UPDATE_TASK, DELETE_TASK, ADD_TASK } from './graphql.queries';
 import { Apollo } from 'apollo-angular';
 
-
-interface Task {
+export interface Task {
   id: string;
+  version: number;
   title: string;
   description: string;
 }