Step 20.39: Create PartyImage component

imports/ui/components/partyImage/partyImage.js

@@ -0,0 +1,37 @@
+import angular from 'angular';
+import angularMeteor from 'angular-meteor';
+
+import template from './partyImage.html';
+import { Images } from '../../../api/images';
+
+class PartyImage {
+  constructor($scope, $reactive) {
+    'ngInject';
+    $reactive(this).attach($scope);
+
+    this.helpers({
+      mainImage() {
+        const images = this.getReactively('images', true);
+        if (images) {
+          return Images.findOne({
+            _id: images[0]
+          });
+        }
+      }
+    });
+  }
+}
+
+const name = 'partyImage';
+
+// create a module
+export default angular.module(name, [
+  angularMeteor
+]).component(name, {
+  template,
+  bindings: {
+    images: '<'
+  },
+  controllerAs: name,
+  controller: PartyImage
+});