From de89f470bab14ac3f58249e5e5dce71cd3e8bde4 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Mon, 24 Jun 2024 15:29:08 -0500
Subject: [PATCH] Website: Update customer dashboard for users who have billing
 information removed. (#19976)

Closes: #19668
Closes: #19666

Changes:
- Updated the customer dashboard to add a state for users who have had
their billing information removed.
---
 website/assets/images/icon-info-grey-16x16@2x.png | Bin 0 -> 655 bytes
 website/views/pages/customers/dashboard.ejs       |  12 +++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 website/assets/images/icon-info-grey-16x16@2x.png

diff --git a/website/assets/images/icon-info-grey-16x16@2x.png b/website/assets/images/icon-info-grey-16x16@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..d035f50c813fba4be87c5e98eb50ab4d4f7fa765
GIT binary patch
literal 655
zcmV;A0&x9_P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0whU9K~#7F#h1Ts
z6G0HhzgZhOU<yCNQ6SM_8blX(gL4(2;SsO|NOZnP6i85*H-L^vNGwkPk?1iJ1?81=
zTtQGyiElD<PA>j)j@Plz`ztJ+_ipE#+1cG0f+JxVwanH*2+p>dO&i34{M|YoPQVls
zVF1E@cG$GmMv2S3wCIKK;mg2a*kk5!%%H=>^gg57uKoBrzWBX)hSlT7za9f!tN_9E
zv-H~Tyoi(vP_K!HUx7T#Yk*>=+Jmxam>J`bU$ob2T;bdyoqKv@A_D98e8${NBnkn#
z=F~X&;cEQz-rEWBot@_lCqzWrymOWl#S&=3Rp<FQ9GJ%cUSU^%H1w-x`%)5+b=77e
zK=(N|jNy?@3d63fef=*sPr~W-8wOifLiiy++Uv3g+m7j*GoAfsxbK27<X$my#<$@K
zhG}aO2FrY;o?gn^atVP7aK7Oxpk?4072s4jR79czVt9jMBiGSSctZB`z%b|=d?EFt
z!QqjGr##T&)mYn4M9CLy7%f`0CdjuTqaI<yXvI7da!P0CSzjKXF8XlZU2s0n;!{%c
z?w#Fxlh+@`LB#1W(rtmt5gTbUDxSuNd=#Y<N3jlY4V`KtLHXR%y@B_}q*nI&?_b}O
zTQ~21pgLWZkMCgxG~r~;AK6c@{*;Y7HK&B*NM?EhcM{p>cBSTYMu;>nkQ$D__eIQY
pj0&0a_FOJCA|7Ng`&gnqKLOy?<*zgaMa}>K002ovPDHLkV1i__FE0Q9

literal 0
HcmV?d00001

diff --git a/website/views/pages/customers/dashboard.ejs b/website/views/pages/customers/dashboard.ejs
index abac99d72d..760f9ab712 100644
--- a/website/views/pages/customers/dashboard.ejs
+++ b/website/views/pages/customers/dashboard.ejs
@@ -85,7 +85,7 @@
 
       <div class="col-12 col-lg-6">
         <h3 class="pt-2 pt-sm-3">Billing and payment</h3>
-        <div purpose="billing-card" class="card card-body justify-content-center">
+        <div purpose="billing-card" class="card card-body justify-content-center" v-if="me.hasBillingCard">
           <div class="row pb-3 mx-0">
             <div style="max-width: 16px;" class="col-1 px-0"><img style="margin-top: 5px; height: 12px; width: 16px;" src="/images/icon-card-32x24@2x.png" alt="A credit card Icon"></div>
             <div class="col pl-3">
@@ -111,6 +111,16 @@
             </div>
           </div>
         </div>
+        <div purpose="billing-card" class="card card-body justify-content-start" v-else>
+          <div class="row">
+            <div style="max-width: 32px;" class="col-1 pr-0">
+              <img style="display: inline-block; height: 16px; width: 16px; " src="/images/icon-info-grey-16x16@2x.png" alt="An icon indicating that this section has important information">
+            </div>
+            <div class="col ml-1 pl-1 small">
+              <p class="small">Your subscription will expire on <js-timestamp :at="thisSubscription.nextBillingAt" always-show-year format="billing"></js-timestamp></p>
+            </div>
+          </div>
+        </div>
       </div>
 
     </div>