display license tier in settings (#1754)

Author: wojcik91

crates/defguard_core/src/enterprise/handlers/mod.rs

@@ -57,7 +57,8 @@ pub async fn check_enterprise_info(_admin: AdminRole, _session: SessionInfo) ->
                 "valid_until": license.valid_until,
                 "subscription": license.subscription,
                 "expired": license.is_max_overdue(),
-                "limits_exceeded": counts.is_over_license_limits(license)
+                "limits_exceeded": counts.is_over_license_limits(license),
+                "tier": license.tier
             }
         )
     });

web/src/i18n/en/index.ts

@@ -1575,6 +1575,9 @@ Licensing information: [https://docs.defguard.net/enterprise/license](https://do
           validUntil: {
             label: 'Valid until',
           },
+          licenseTier: {
+            label: 'License tier',
+          },
         },
       },
     },

web/src/i18n/i18n-types.ts

@@ -3813,6 +3813,12 @@ type RootTranslation = {
 						 */
 						label: string
 					}
+					licenseTier: {
+						/**
+						 * L​i​c​e​n​s​e​ ​t​i​e​r
+						 */
+						label: string
+					}
 				}
 			}
 		}
@@ -10575,6 +10581,12 @@ export type TranslationFunctions = {
 						 */
 						label: () => LocalizedString
 					}
+					licenseTier: {
+						/**
+						 * License tier
+						 */
+						label: () => LocalizedString
+					}
 				}
 			}
 		}

web/src/pages/settings/components/GlobalSettings/components/LicenseSettings/LicenseSettings.tsx

@@ -109,6 +109,12 @@ export const LicenseSettings = ({
                     : '-'}
                 </p>
               </div>
+              <div>
+                <Label>
+                  {LL.settingsPage.license.licenseInfo.fields.licenseTier.label()}
+                </Label>
+                <p>{enterpriseInfo.tier || '-'}</p>
+              </div>
             </div>
           ) : (
             <p id="no-license">

web/src/pages/settings/components/GlobalSettings/components/LicenseSettings/styles.scss

@@ -25,7 +25,7 @@
 
 #license-info {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 16px;
 
   & > div {

web/src/shared/types.ts

@@ -1148,6 +1148,7 @@ export type EnterpriseInfo = {
   subscription: boolean;
   // iso utc date
   valid_until: string;
+  tier: string;
 };
 
 export interface Webhook {