1 files changed, 23 insertions, 0 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.ts
new file mode 100644
index 000000000..64fe9e463
--- /dev/null
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { PackagesStore } from '../../packages.store';
+
+@Component({
+  selector: 'app-packages-header',
+  templateUrl: './packages-header.component.html',
+  styleUrls: ['./packages-header.component.css']
+})
+export class PackagesHeaderComponent implements OnInit {
+
+  numberOfPackages: number;
+
+  constructor(private packagesStore: PackagesStore) {
+    this.packagesStore.state$
+      .subscribe(state => {
+        this.numberOfPackages = state.totalPackagesWithoutSearchorFilters;
+      });
+   }
+
+  ngOnInit() {
+  }
+
+}