From cc07a485003d06b61fe4ca9ea85673fff7902eb7 Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Fri, 11 Oct 2024 13:19:11 +0300
Subject: [PATCH] feat: more clear pricing text (#8429)

![image](https://github.com/user-attachments/assets/c7643829-efe5-43d6-90fc-546d3a47d0b2)

---------

Co-authored-by: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
---
 .../OrderEnvironmentsDialogPricing.tsx                 | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/component/environments/EnvironmentTable/OrderEnvironments/OrderEnvironmentsDialog/OrderEnvironmentsDialogPricing/OrderEnvironmentsDialogPricing.tsx b/frontend/src/component/environments/EnvironmentTable/OrderEnvironments/OrderEnvironmentsDialog/OrderEnvironmentsDialogPricing/OrderEnvironmentsDialogPricing.tsx
index c05596abcb..ba4b479370 100644
--- a/frontend/src/component/environments/EnvironmentTable/OrderEnvironments/OrderEnvironmentsDialog/OrderEnvironmentsDialogPricing/OrderEnvironmentsDialogPricing.tsx
+++ b/frontend/src/component/environments/EnvironmentTable/OrderEnvironments/OrderEnvironmentsDialog/OrderEnvironmentsDialogPricing/OrderEnvironmentsDialogPricing.tsx
@@ -30,6 +30,10 @@ const StyledCardContent = styled(Box)(({ theme }) => ({
     padding: theme.spacing(2),
 }));
 
+const StyledExtraText = styled('div')(({ theme }) => ({
+    paddingTop: theme.spacing(2),
+}));
+
 export const OrderEnvironmentsDialogPricing: FC<
     OrderEnvironmentsDialogPricingProps
 > = ({ pricingOptions }) => (
@@ -55,5 +59,11 @@ export const OrderEnvironmentsDialogPricing: FC<
                 </StyledCardContent>
             </StyledCard>
         ))}
+        <StyledExtraText>
+            <Typography variant='body2' color='white'>
+                With Pro, there is a minimum of 5 users, meaning an additional
+                environment will cost at least $50 per month.
+            </Typography>
+        </StyledExtraText>
     </StyledContainer>
 );