From 70af8c66bea23804d7f58aca5ab770ffeedbb690 Mon Sep 17 00:00:00 2001
From: tomivm <tomivm98@gmail.com>
Date: Tue, 17 Jan 2023 20:30:57 -0300
Subject: [PATCH 1/3] Upgrade PremiumRequiredModal to optional show the end
 period messages

---
 .../PremiumFeature/PremiumFeature.messages.js |  4 ++++
 .../PremiumFeature/PremiumRequiredModal.js    | 21 ++++++++++++-------
 .../PremiumRequiredModal.module.css           |  2 +-
 src/translations/src/cboard.json              |  1 +
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/PremiumFeature/PremiumFeature.messages.js b/src/components/PremiumFeature/PremiumFeature.messages.js
index c318dc73c..c4e2b6e58 100644
--- a/src/components/PremiumFeature/PremiumFeature.messages.js
+++ b/src/components/PremiumFeature/PremiumFeature.messages.js
@@ -1,6 +1,10 @@
 import { defineMessages } from 'react-intl';
 
 export default defineMessages({
+  tryPeriodFinishTittle: {
+    id: 'cboard.components.PremiumFeature.tryPeriodFinishTittle',
+    defaultMessage: 'Your free trial has ended'
+  },
   featureBlockedTittle: {
     id: 'cboard.components.PremiumFeature.featureBlockedTittle',
     defaultMessage: 'This feature is blocked'
diff --git a/src/components/PremiumFeature/PremiumRequiredModal.js b/src/components/PremiumFeature/PremiumRequiredModal.js
index 65a56ede9..0ba86de33 100644
--- a/src/components/PremiumFeature/PremiumRequiredModal.js
+++ b/src/components/PremiumFeature/PremiumRequiredModal.js
@@ -13,7 +13,16 @@ import messages from './PremiumFeature.messages';
 
 import style from './PremiumRequiredModal.module.css';
 
-export default function PremiumRequiredModal({ onClose }) {
+export default function PremiumRequiredModal({ onClose, isTryPeriodFinish }) {
+  const dialogText = {
+    tittle: isTryPeriodFinish ? (
+      <FormattedMessage {...messages.tryPeriodFinishTittle} />
+    ) : (
+      <FormattedMessage {...messages.featureBlockedTittle} />
+    ),
+    body: <FormattedMessage {...messages.featureBlockedText} />
+  };
+
   return (
     <Dialog
       open={true}
@@ -23,14 +32,10 @@ export default function PremiumRequiredModal({ onClose }) {
     >
       <DialogContent className={style.content}>
         <WarningIcon fontSize="large" color="action" />
-        <Typography variant="h3">
-          <FormattedMessage {...messages.featureBlockedTittle} />
+        <Typography variant="h3">{dialogText.tittle}</Typography>
+        <Typography className={style.dialogText} variant="h6">
+          {dialogText.body}
         </Typography>
-        <DialogContentText className={style.subscribeButton}>
-          <Typography variant="h6">
-            <FormattedMessage {...messages.featureBlockedText} />
-          </Typography>
-        </DialogContentText>
         <Button
           onClick={onClose}
           color="primary"
diff --git a/src/components/PremiumFeature/PremiumRequiredModal.module.css b/src/components/PremiumFeature/PremiumRequiredModal.module.css
index f680f611a..4f1edce7d 100644
--- a/src/components/PremiumFeature/PremiumRequiredModal.module.css
+++ b/src/components/PremiumFeature/PremiumRequiredModal.module.css
@@ -8,6 +8,6 @@
   margin: 2em 3em;
 }
 
-.subscribeButton {
+.dialogText {
   padding-bottom: 1em;
 }
diff --git a/src/translations/src/cboard.json b/src/translations/src/cboard.json
index 6c9ff9997..7852aa799 100644
--- a/src/translations/src/cboard.json
+++ b/src/translations/src/cboard.json
@@ -516,6 +516,7 @@
   "cboard.components.VoiceRecorder.play": "Play recording",
   "cboard.components.VoiceRecorder.clear": "Clear recording",
   "cboard.components.VoiceRecorder.record": "Record",
+  "cboard.components.PremiumFeature.tryPeriodFinishTittle": "Your free trial has ended",
   "cboard.components.PremiumFeature.featureBlockedTittle": "This feature is blocked",
   "cboard.components.PremiumFeature.featureBlockedText": "Cboard disable this feature. To continue using it and all the features like public boards, online voices, advanced edit functions and many more, please upgrade",
   "cboard.components.PremiumFeature.upgradeNow": "Upgrade now",

From 2fc77558307a40964ad7269865cd5e396c71a970 Mon Sep 17 00:00:00 2001
From: tomivm <tomivm98@gmail.com>
Date: Tue, 17 Jan 2023 20:46:03 -0300
Subject: [PATCH 2/3] Remove unnecessary import

---
 src/components/PremiumFeature/PremiumRequiredModal.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/PremiumFeature/PremiumRequiredModal.js b/src/components/PremiumFeature/PremiumRequiredModal.js
index 0ba86de33..b2efe8329 100644
--- a/src/components/PremiumFeature/PremiumRequiredModal.js
+++ b/src/components/PremiumFeature/PremiumRequiredModal.js
@@ -4,7 +4,6 @@ import Dialog from '@material-ui/core/Dialog';
 
 import WarningIcon from '@material-ui/icons/Warning';
 import DialogContent from '@material-ui/core/DialogContent';
-import DialogContentText from '@material-ui/core/DialogContentText';
 import { Typography } from '@material-ui/core';
 import { Link } from 'react-router-dom';
 

From 85def9dbaff90ee85596cbc2f215363ef1b3f36f Mon Sep 17 00:00:00 2001
From: tomivm <tomivm98@gmail.com>
Date: Thu, 19 Jan 2023 11:01:25 -0300
Subject: [PATCH 3/3] rename isTryPeriodFinish prop

---
 src/components/PremiumFeature/PremiumRequiredModal.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PremiumFeature/PremiumRequiredModal.js b/src/components/PremiumFeature/PremiumRequiredModal.js
index b2efe8329..f6b520fc1 100644
--- a/src/components/PremiumFeature/PremiumRequiredModal.js
+++ b/src/components/PremiumFeature/PremiumRequiredModal.js
@@ -12,9 +12,9 @@ import messages from './PremiumFeature.messages';
 
 import style from './PremiumRequiredModal.module.css';
 
-export default function PremiumRequiredModal({ onClose, isTryPeriodFinish }) {
+export default function PremiumRequiredModal({ onClose, isTryPeriodFinished }) {
   const dialogText = {
-    tittle: isTryPeriodFinish ? (
+    tittle: isTryPeriodFinished ? (
       <FormattedMessage {...messages.tryPeriodFinishTittle} />
     ) : (
       <FormattedMessage {...messages.featureBlockedTittle} />