fix: Show "Free" instead of $0.00 in ticket price

app/templates/components/orders/order-summary.hbs

@@ -88,7 +88,12 @@
                   {{ticket.name}}
                 </div>
               </td>
-              <td>{{currency-symbol this.eventCurrency}} {{format-money ticket.price}}</td>
+              <td>
+                <Orders::TicketPrice
+                  @ticket={{ticket}}
+                  @currency={{this.eventCurrency}}
+                  @amount={{ticket.price}} />
+              </td>
               {{#if this.data.discountCode}}
                 <td>{{currency-symbol this.eventCurrency}} {{format-money ticket.discount}}</td>
               {{/if}}
@@ -107,7 +112,10 @@
                 </td>
               {{/if}}
               <td>
-                {{currency-symbol this.eventCurrency}} {{format-money (mult (sub ticket.price ticket.discount) (ticket-attendees this.data.attendees ticket.attendees))}}
+                <Orders::TicketPrice
+                  @ticket={{ticket}}
+                  @currency={{this.eventCurrency}}
+                  @amount={{mult (sub ticket.price ticket.discount) (ticket-attendees this.data.attendees ticket.attendees)}} />
               </td>
             {{/if}}
 

app/templates/components/orders/ticket-price.hbs

@@ -0,0 +1,5 @@
+{{#if (eq @ticket.type 'free')}}
+    {{t "Free"}}
+{{else}}
+    {{currency-symbol @currency}} {{format-money @amount}}
+{{/if}}

app/templates/components/public/ticket-list.hbs

@@ -49,7 +49,10 @@
                 </div>
               {{else}}
                 <div class="{{if ticket.discount 'strike text'}}">
-                  {{currency-symbol this.eventCurrency}} {{format-money ticket.price}}
+                  <Orders::TicketPrice
+                    @ticket={{ticket}}
+                    @currency={{this.eventCurrency}}
+                    @amount={{ticket.price}} />
                 </div>
                 {{#if ticket.discount}}
                   <div>
@@ -96,7 +99,10 @@
               </div>
             </td>
             <td id='{{ticket.id}}_subtotal' class="ui right aligned">
-              {{currency-symbol this.eventCurrency}} {{format-money ticket.subTotal}}
+              <Orders::TicketPrice
+                @ticket={{ticket}}
+                @currency={{this.eventCurrency}}
+                @amount={{ticket.subTotal}} />
             </td>
           </tr>
         {{/unless}}

tests/integration/components/orders/ticket-price-test.ts

@@ -0,0 +1,22 @@
+import { hbs } from 'ember-cli-htmlbars';
+import { module, test } from 'qunit';
+import { setupIntegrationTest } from 'open-event-frontend/tests/helpers/setup-integration-test';
+import { render } from '@ember/test-helpers';
+
+module('Integration | Component | orders/ticket price', function(hooks) {
+  setupIntegrationTest(hooks);
+
+  test('it renders', async function(assert) {
+    this.set('ticket', { type: 'free' });
+    this.set('currency', 'USD');
+    this.set('amount', 53.432);
+    await render(hbs`{{orders/ticket-price ticket=ticket currency=currency amount=amount}}`);
+    assert.equal(this.element.textContent?.trim(), 'Free');
+
+    this.set('ticket', { type: 'paid' });
+    assert.equal(this.element.textContent?.trim(), '$ 53.43');
+
+    this.set('currency', 'GBP');
+    assert.equal(this.element.textContent?.trim(), '£ 53.43');
+  });
+});