From d359dc5b0916c1c8db7fc728d8bbc42b67e9f2ba Mon Sep 17 00:00:00 2001
From: Jens L <jens@goauthentik.io>
Date: Mon, 17 Jul 2023 23:07:24 +0200
Subject: [PATCH] enterprise: revise (#6272)

* web/admin: fix small enterprise things

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* make website user branding consistent

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 .../enterprise/EnterpriseLicenseListPage.ts   | 66 +++++++++----------
 website/src/pages/pricing/index.jsx           |  6 +-
 2 files changed, 35 insertions(+), 37 deletions(-)

diff --git a/web/src/admin/enterprise/EnterpriseLicenseListPage.ts b/web/src/admin/enterprise/EnterpriseLicenseListPage.ts
index b3c555098..b97dc0f68 100644
--- a/web/src/admin/enterprise/EnterpriseLicenseListPage.ts
+++ b/web/src/admin/enterprise/EnterpriseLicenseListPage.ts
@@ -131,47 +131,45 @@ export class EnterpriseLicenseListPage extends TablePage<License> {
                     class="pf-l-grid pf-m-gutter pf-m-all-6-col-on-sm pf-m-all-4-col-on-md pf-m-all-3-col-on-lg pf-m-all-3-col-on-xl"
                 >
                     <div class="pf-l-grid__item pf-c-card">
-                        <div class="pf-c-card__title">${msg("How to get a license")}</div>
+                        <div class="pf-c-card__title">${msg("Get a license")}</div>
                         <div class="pf-c-card__body">
                             ${this.installID
                                 ? html` <a
                                       target="_blank"
                                       href=${`https://customers.goauthentik.io/from_authentik/purchase/?install_id=${this.installID}`}
                                       class="pf-c-button pf-m-primary pf-m-block"
-                                      >${msg("Go to the customer portal")}</a
+                                      >${msg("Go to Customer Portal")}</a
                                   >`
                                 : html`<ak-spinner></ak-spinner>`}
                         </div>
                     </div>
-                    <div class="pf-l-grid__item pf-c-card">
-                        <ak-aggregate-card
-                            icon="pf-icon pf-icon-user"
-                            header=${msg("Forecasted default users")}
-                            subtext=${msg("Estimated user count one year from now")}
-                        >
-                            ${this.forecast?.users}
-                        </ak-aggregate-card>
-                    </div>
-                    <div class="pf-l-grid__item pf-c-card">
-                        <ak-aggregate-card
-                            icon="pf-icon pf-icon-user"
-                            header=${msg("Forecasted external users")}
-                            subtext=${msg("Estimated external user count one year from now")}
-                        >
-                            ${this.forecast?.externalUsers}
-                        </ak-aggregate-card>
-                    </div>
-                    <div class="pf-l-grid__item pf-c-card">
-                        <ak-aggregate-card
-                            icon="pf-icon pf-icon-user"
-                            header=${msg("Expiry")}
-                            subtext=${msg("Cumulative license expiry")}
-                        >
-                            ${this.summary?.hasLicense
-                                ? this.summary.latestValid.toLocaleString()
-                                : "-"}
-                        </ak-aggregate-card>
-                    </div>
+
+                    <ak-aggregate-card
+                        class="pf-l-grid__item"
+                        icon="pf-icon pf-icon-user"
+                        header=${msg("Forecast default users")}
+                        subtext=${msg("Estimated user count one year from now")}
+                    >
+                        ~&nbsp;${this.forecast?.users}
+                    </ak-aggregate-card>
+                    <ak-aggregate-card
+                        class="pf-l-grid__item"
+                        icon="pf-icon pf-icon-user"
+                        header=${msg("Forecast external users")}
+                        subtext=${msg("Estimated external user count one year from now")}
+                    >
+                        ~&nbsp;${this.forecast?.externalUsers}
+                    </ak-aggregate-card>
+                    <ak-aggregate-card
+                        class="pf-l-grid__item"
+                        icon="pf-icon pf-icon-user"
+                        header=${msg("Expiry")}
+                        subtext=${msg("Cumulative license expiry")}
+                    >
+                        ${this.summary?.hasLicense
+                            ? this.summary.latestValid.toLocaleString()
+                            : "-"}
+                    </ak-aggregate-card>
                 </div>
             </section>
         `;
@@ -212,10 +210,10 @@ export class EnterpriseLicenseListPage extends TablePage<License> {
     renderObjectCreate(): TemplateResult {
         return html`
             <ak-forms-modal>
-                <span slot="submit"> ${msg("Create")} </span>
-                <span slot="header"> ${msg("Create License")} </span>
+                <span slot="submit"> ${msg("Install")} </span>
+                <span slot="header"> ${msg("Install License")} </span>
                 <ak-enterprise-license-form slot="form"> </ak-enterprise-license-form>
-                <button slot="trigger" class="pf-c-button pf-m-primary">${msg("Create")}</button>
+                <button slot="trigger" class="pf-c-button pf-m-primary">${msg("Install")}</button>
             </ak-forms-modal>
         `;
     }
diff --git a/website/src/pages/pricing/index.jsx b/website/src/pages/pricing/index.jsx
index 819849cf1..553e21a58 100644
--- a/website/src/pages/pricing/index.jsx
+++ b/website/src/pages/pricing/index.jsx
@@ -57,7 +57,7 @@ export default function pricingPage() {
                                 </div>
                                 <div className="card__footer">
                                     <h1>
-                                        $5 <small>/internal user/month</small>
+                                        $5 <small>/default user/month</small>
                                     </h1>
                                     <h1>
                                         $0.02{" "}
@@ -129,8 +129,8 @@ export default function pricingPage() {
                                     body="We only offer support as part of an enterprise license. You can get community support on GitHub and Discord for the open-source version."
                                 />
                                 <Card
-                                    title="What's the difference between internal and external users?"
-                                    body="Internal users might be users such as company employees, which will get access to the full Enterprise feature set. External users might be external consultants or B2C customers. These users don't get access to enterprise features."
+                                    title="What's the difference between default and external users?"
+                                    body="Default users might be users such as company employees, which will get access to the full Enterprise feature set. External users might be external consultants or B2C customers. These users don't get access to enterprise features."
                                 />
                                 <Card
                                     title="Are you planning to add X to authentik?"