fix: add billing information in order view page (#3297)

* add billing information in order view page

* fix or implementation

app/components/forms/orders/attendee-list.js

@@ -1,21 +1,24 @@
 import Component from '@ember/component';
 import { computed } from '@ember/object';
 import { groupBy } from 'lodash-es';
+import { or } from '@ember/object/computed';
 
-export default Component.extend({
-  buyer: computed('data.user', function() {
-    return this.get('data.user');
-  }),
-  holders: computed('data.attendees', function() {
-    return this.get('data.attendees');
-  }),
-  isPaidOrder: computed('data', function() {
-    if (!this.get('data.amount')) {
-      return false;
-    }
-    return true;
-  }),
-  allFields: computed('fields', function() {
-    return groupBy(this.fields.toArray(), field => field.get('form'));
-  })
-});
+export default class extends Component {
+  @computed('data.user')
+  get buyer() {
+    return this.data.user;
+  }
+
+  @computed('data.attendees')
+  get holders() {
+    return this.data.attendees;
+  }
+
+  @or('data.amount', 'data.isBillingEnabled')
+  showBillingInfo;
+
+  @computed('fields.@each.form')
+  get allFields() {
+    return groupBy(this.fields.toArray(), field => field.form);
+  }
+}

app/templates/components/forms/orders/attendee-list.hbs

@@ -29,8 +29,7 @@
           <div class="ui divider"></div>
         </div>
       {{/each}}
-
-      {{#if data.isBillingEnabled}}
+      {{#if showBillingInfo}}
         <div class="print">
           <h4 class="ui horizontal divider header">
             <i class='ticket icon'></i>