From 1d41126b257d3f9fd13890287e4673244cae2da8 Mon Sep 17 00:00:00 2001
From: Jess Robinson <j.robinson@shadowcat.co.uk>
Date: Wed, 17 Jan 2024 17:20:13 +0000
Subject: [PATCH] fix(subscriptions): Cope with "no active subscriptions" with
 link

Fixes #982
---
 src/app/account-app/account-renewals.component.html | 10 +++++++++-
 src/app/account-app/account-renewals.component.ts   |  3 +++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/account-app/account-renewals.component.html b/src/app/account-app/account-renewals.component.html
index f000393e7..4ef847c73 100644
--- a/src/app/account-app/account-renewals.component.html
+++ b/src/app/account-app/account-renewals.component.html
@@ -2,12 +2,13 @@
     <h1> Your Subscriptions </h1>
 
   <div *ngIf="quota_usage | async as q_usage; else usageLoading">
-    <div *ngIf="active_products.length === 0; else productsTable">
+    <div *ngIf="!loadedProducts; else productsTable">
         <app-runbox-loading text="Loading your subscriptions...">
         </app-runbox-loading>
     </div>
 
     <ng-template #productsTable>
+      <ng-container *ngIf="active_products.length > 0; else buyPlans">
 
         <p>
             These are the subscriptions associated with your account. You may renew any of them at any time, which will add the new period to the end of your current subscription.
@@ -159,8 +160,15 @@ <h1> Your Subscriptions </h1>
             <tr mat-footer-row *matFooterRowDef="['renewal_name']"></tr>
         </table>
 
+      </ng-container>
     </ng-template>
   </div>
+
+  <ng-template #buyPlans>
+    <p>You do not have any of our currently available products.</p>
+    <p>Please visit <a routerLink='/account/plans'>Plans & Upgrades</a> to subscribe.</p>
+  </ng-template>
+
   <ng-template #usageLoading>
     <app-runbox-loading text="Loading your usage to tailor page...">
     </app-runbox-loading>
diff --git a/src/app/account-app/account-renewals.component.ts b/src/app/account-app/account-renewals.component.ts
index c163d5765..692fb24a3 100644
--- a/src/app/account-app/account-renewals.component.ts
+++ b/src/app/account-app/account-renewals.component.ts
@@ -48,6 +48,8 @@ export class AccountRenewalsComponent {
     all_products: ActiveProduct[] = [];
     current_subscription: number;
 
+    loadedProducts = false;
+
     displayedColumns: string[];
     expandedProduct: ActiveProduct;
     showExpired = false;
@@ -99,6 +101,7 @@ export class AccountRenewalsComponent {
                     this.cart.contains(p.pid, p.apid).then(ordered => p.ordered = ordered);
                 }
             });
+            this.loadedProducts = true;
         });
 
         this.displayedColumns = this.mobileQuery.matches ? columnsMobile : columnsDefault;