From c0c2841450f130eda4dd340248e9ab6fe85f60df Mon Sep 17 00:00:00 2001
From: Abhishek <guywhodesigns@gmail.com>
Date: Jul 28 2018 05:19:49 +0000
Subject: show error state in package search


---

diff --git a/src/pages/package-search/package-search.html b/src/pages/package-search/package-search.html
index 3a10377..e00e14f 100755
--- a/src/pages/package-search/package-search.html
+++ b/src/pages/package-search/package-search.html
@@ -26,5 +26,6 @@
         </ion-row>
       </ion-card>
     </div>
+    <no-results *ngIf="showError"></no-results>
   </ion-list>
 </ion-content>
diff --git a/src/pages/package-search/package-search.ts b/src/pages/package-search/package-search.ts
index 684f14e..fd9662a 100755
--- a/src/pages/package-search/package-search.ts
+++ b/src/pages/package-search/package-search.ts
@@ -12,20 +12,26 @@ const RESULTS_PER_PAGE = 10;
 })
 export class PackageSearchPage {
 
-  private searchQuery:string;
+  private searchQuery: string;
   private offset = 0;
   private matches = 0;
-  private packages:Package[] = [];
+  private packages: Package[] = [];
+  private showError: boolean;
 
-  constructor(public navCtrl: NavController, private searchProvider:PackageSearchProvider) {
+  constructor(public navCtrl: NavController, private searchProvider: PackageSearchProvider) {
+    this.showError = false;
   }
 
   search() {
     this.searchProvider.search(this.searchQuery, RESULTS_PER_PAGE, this.offset)
-      .subscribe( r => {
+      .subscribe(r => {
         this.packages = r.packages;
         this.offset = r.offset;
         this.matches = r.matches;
+        //if no matches returned show error
+        if (this.packages.length === 0) {
+          this.showError = true;
+        }
       });
   }
 
@@ -35,11 +41,11 @@ export class PackageSearchPage {
     this.matches = 0;
   }
 
-  showPackage(pkg:Package) {
+  showPackage(pkg: Package) {
     this.navCtrl.push(ViewPackagePage, { pkg });
   }
 
-  getPackageType(pkg:Package) {
+  getPackageType(pkg: Package) {
     return getPackageType(pkg.name);
   }
 }