diff --git a/dictation_client/src/pages/LicensePage/licenseSummary.tsx b/dictation_client/src/pages/LicensePage/licenseSummary.tsx index ff299b9..44bb696 100644 --- a/dictation_client/src/pages/LicensePage/licenseSummary.tsx +++ b/dictation_client/src/pages/LicensePage/licenseSummary.tsx @@ -248,7 +248,15 @@ export const LicenseSummary: React.FC = (
{t(getTranslationID("LicenseSummaryPage.label.shortage"))}
-
{licenseSummaryInfo.shortage}
+
+ 0 ? styles.isAlert : "" + } + > + {licenseSummaryInfo.shortage} + +
{t( getTranslationID("LicenseSummaryPage.label.storageSize") diff --git a/dictation_client/src/pages/LicensePage/partnerLicense.tsx b/dictation_client/src/pages/LicensePage/partnerLicense.tsx index f136481..51e6115 100644 --- a/dictation_client/src/pages/LicensePage/partnerLicense.tsx +++ b/dictation_client/src/pages/LicensePage/partnerLicense.tsx @@ -385,9 +385,17 @@ const PartnerLicense: React.FC = (): JSX.Element => { {ownPartnerLicenseInfo.issuedRequested} - {ownPartnerLicenseInfo.tier !== 1 - ? ownPartnerLicenseInfo.shortage - : "-"} + 0 + ? styles.isAlert + : "" + } + > + {ownPartnerLicenseInfo.tier !== 1 + ? ownPartnerLicenseInfo.shortage + : "-"} + {ownPartnerLicenseInfo.tier !== 1 diff --git a/dictation_client/src/styles/app.module.scss b/dictation_client/src/styles/app.module.scss index 8d64ef1..a1ff500 100644 --- a/dictation_client/src/styles/app.module.scss +++ b/dictation_client/src/styles/app.module.scss @@ -901,6 +901,9 @@ h3 + .brCrumb .tlIcon { text-align: right; word-break: break-all; } +.listVertical dd .isAlert { + color: #ff5a33; +} .listDocument { margin-bottom: 3rem; } diff --git a/dictation_client/src/styles/app.module.scss.d.ts b/dictation_client/src/styles/app.module.scss.d.ts index a9c42a8..c4b1492 100644 --- a/dictation_client/src/styles/app.module.scss.d.ts +++ b/dictation_client/src/styles/app.module.scss.d.ts @@ -49,6 +49,7 @@ declare const classNames: { readonly formTrash: "formTrash"; readonly listVertical: "listVertical"; readonly listHeader: "listHeader"; + readonly isAlert: "isAlert"; readonly listDocument: "listDocument"; readonly boxFlex: "boxFlex"; readonly aru: "aru"; @@ -84,7 +85,6 @@ declare const classNames: { readonly widthSml: "widthSml"; readonly widthMin: "widthMin"; readonly snackbar: "snackbar"; - readonly isAlert: "isAlert"; readonly snackbarMessage: "snackbarMessage"; readonly snackbarIcon: "snackbarIcon"; readonly snackbarIconClose: "snackbarIconClose";