Update status message in usage.component.ts

src/app/components/usage/usage.component.html

@@ -98,13 +98,13 @@ <h1 class="mat-headline-2" style="user-select: none; font-weight: 800; text-alig
         href="https://docs.github.com/en/billing/managing-billing-for-github-actions/viewing-your-github-actions-usage">GitHub
         Usage Report</a>.<br> <i>All processing is done client side and your usage report never leaves your
         computer.</i></p>
-    <p>To get started go get your usage report and then select it by clicking "Choose File" above.</p>
+    <p>To get started go get your usage report and then select it by clicking "Usage Report" above.</p>
     <button mat-raised-button color="accent" (click)="navigateToBilling()" style="margin-top: 40px;">
       <mat-icon svgIcon="github"></mat-icon>
       Download your GitHub usage report
     </button>
     <a href="https://github.com/austenstone/github-actions-usage-report" target="_blank">
-      <button mat-raised-button color="accent" style="margin-top: 40px;">
+      <button mat-button color="accent" style="margin-top: 40px;">
         <mat-icon>code</mat-icon>
         Source Code
       </button>

src/app/components/usage/usage.component.ts

@@ -29,7 +29,7 @@ export class UsageComponent implements OnInit, OnDestroy {
   workflow!: string;
   _filteredWorkflows!: Observable<string[]>;
   workflowControl = new FormControl('');
-  status: string = 'Choose File';
+  status: string = 'Usage Report';
   progress: number | null = null;
   subscriptions: Subscription[] = [];
   currency: 'minutes' | 'cost' = 'cost';
@@ -113,7 +113,7 @@ export class UsageComponent implements OnInit, OnDestroy {
     this.maxDate.setHours(0, 0, 0, 0);
     this.range.controls.start.setValue(this.minDate, { emitEvent: false });
     this.range.controls.end.setValue(this.maxDate, { emitEvent: false });
-    this.status = 'Choose File';
+    this.status = 'Usage Report';
     this.progress = null;
     this.usage = usage;
     this.cdr.detectChanges();