popular app component completion

src/app/pages/dashboard/popularApp/popularApp.component.ts

@@ -1,18 +1,16 @@
 import {Component, ViewEncapsulation} from 'angular2/core';
 
+import {AppPicturePipe} from '../../../theme/pipes';
+
 @Component({
   selector: 'popular-app',
   encapsulation: ViewEncapsulation.None,
+  pipes: [AppPicturePipe],
   styles: [require('./popularApp.scss')],
   template: require('./popularApp.html')
 })
 export class PopularApp {
 
-  constructor() {
-  }
-
   ngOnInit() {
-    console.log('DASHBOARD');
   }
-
 }

src/app/pages/dashboard/popularApp/popularApp.html

@@ -1,5 +1,5 @@
 <div class="popular-app-img">
-    <!--<img ng-src="{{::( 'app/my-app-logo.png' | appImage )}}"/>-->
+    <img src="{{ ('app/my-app-logo.png' | appPicture ) }}"/>
 </div>
 <div class="popular-app-cost row">
     <div class="col-xs-9">
@@ -22,4 +22,4 @@
         <div class="info-label">Sales</div>
         <div>2,928</div>
     </div>
-</div>
+</div>