Client: Added a modal dialog when restoring a room if the limit is reached.

This commit is contained in:
Tatiana Lopaeva 2024-08-15 19:07:23 +03:00
parent 90b318963b
commit 77c2736686
2 changed files with 19 additions and 3 deletions

View File

@ -10,6 +10,7 @@
"BusinessTitle": "You are using {{planName}} plan",
"BusinessUpdated": "{{planName}} plan updated",
"CannotCreateNewRoom": "Room cannot be created",
"CannotRestoreRoom": "Room cannot be restored",
"CannotCreatePaidUsers": "Cannot add new paid users. ",
"ChooseNewPayer": "Choose a new Payer",
"ChooseNewPlan": "Would you like to choose a new pricing plan?",
@ -26,6 +27,7 @@
"ManagerTypesDescription": "Admin account types and their privileges",
"NewRoomWillExceedLimit": "Creating this room is not possible since the limit is reached for the number of rooms included in your current plan.",
"NewUsersWillExceedMembersLimit": "Adding new users will exceed the maximum number of portal paid members allowed by your current pricing plan.",
"NotPossibleRoomRestoring": "Restoring this room is not possible since the limit is reached for the number of rooms included in your current plan.",
"NumberOfRoomsAccordingToTariff": "Number of rooms according to your tariff plan: {{currentValue}}/{{maxValue}}",
"Pay": "Pay",
"Payer": "Payer",

View File

@ -34,6 +34,7 @@ export interface RoomsContentProps {
maxCountRoomsByQuota: number;
usedRoomsCount: number;
isPaymentPageAvailable: boolean;
isArchiveFolderRoot: boolean;
}
const RoomsContent = ({
@ -41,6 +42,7 @@ const RoomsContent = ({
maxCountRoomsByQuota,
usedRoomsCount,
isPaymentPageAvailable,
isArchiveFolderRoot,
}: RoomsContentProps) => {
const { t } = useTranslation(["Payments", "Common", "MainBar"]);
@ -57,9 +59,17 @@ const RoomsContent = ({
if (isRoomsTariffLimit)
return (
<>
<Text fontWeight={600}>{t("CannotCreateNewRoom")}</Text>
<Text fontWeight={600}>
{isArchiveFolderRoot
? t("CannotRestoreRoom")
: t("CannotCreateNewRoom")}
</Text>
<br />
<Text>{t("NewRoomWillExceedLimit")}</Text>
<Text>
{isArchiveFolderRoot
? t("NotPossibleRoomRestoring")
: t("NewRoomWillExceedLimit")}
</Text>
<br />
{chooseNewPlan}
</>
@ -81,15 +91,19 @@ const RoomsContent = ({
);
};
export default inject(({ currentQuotaStore, authStore }) => {
export default inject(({ currentQuotaStore, authStore, treeFoldersStore }) => {
const { isRoomsTariffLimit, maxCountRoomsByQuota, usedRoomsCount } =
currentQuotaStore;
const { isPaymentPageAvailable } = authStore;
const { isArchiveFolderRoot } = treeFoldersStore;
return {
isRoomsTariffLimit,
maxCountRoomsByQuota,
usedRoomsCount,
isPaymentPageAvailable,
isArchiveFolderRoot,
};
})(observer(RoomsContent));