Merge pull request #2901 from codecrafters-io/CC-1778

Update invoice handling to use receipt URL

Author: ryan-gang

app/components/settings/billing-page/payment-history-section.hbs

@@ -42,15 +42,15 @@
             {{/if}}
           </div>
           <div class="flex items-center justify-end">
-            {{#if (and charge.invoiceId charge.statusIsSucceeded)}}
+            {{#if (and charge.receiptUrl charge.statusIsSucceeded)}}
               <a
-                href={{charge.invoiceDownloadUrl}}
+                href={{charge.receiptUrl}}
                 target="_blank"
                 class="text-teal-500 dark:text-teal-400 hover:text-teal-600 dark:hover:text-teal-300 font-semibold text-sm"
                 data-test-download-invoice-link
                 rel="noopener noreferrer"
               >
-                Download Invoice
+                View Invoice
               </a>
             {{else if charge.statusIsFailed}}
               <span class="text-gray-600 dark:text-gray-300 text-sm">Payment failed</span>

app/models/charge.ts

@@ -1,5 +1,4 @@
 import Model, { attr, belongsTo } from '@ember-data/model';
-import config from 'codecrafters-frontend/config/environment';
 import type UserModel from 'codecrafters-frontend/models/user';
 import { equal } from '@ember/object/computed'; // eslint-disable-line ember/no-computed-properties-in-native-classes
 
@@ -10,7 +9,7 @@ export default class Charge extends Model {
   @attr('number') declare amountRefunded: number;
   @attr('date') declare createdAt: Date;
   @attr('string') declare currency: string;
-  @attr('string') declare invoiceId: string;
+  @attr('string') declare receiptUrl: string;
   @attr('string') declare status: 'succeeded' | 'pending' | 'failed';
 
   @belongsTo('user', { async: false, inverse: null }) declare user: UserModel;
@@ -23,14 +22,6 @@ export default class Charge extends Model {
     return Charge.buildDisplayString(this.amount, this.currency);
   }
 
-  get invoiceDownloadUrl() {
-    if (!this.invoiceId) {
-      return null;
-    }
-
-    return `${config.x.backendUrl}/invoices/${this.invoiceId}/download`;
-  }
-
   get isFullyRefunded() {
     return this.amountRefunded === this.amount;
   }