@@ -28,11 +35,19 @@ export default function SMSMessageFormContent() {
- {messageVariables.map(({ variable, description }) => (
+
+ {intl.formatHTMLMessage(
+ { id: 'sms_message.dialog.message_variable_description' },
+ {
+ value: name,
+ },
+ )}
+
+ {/* {messageVariables.map(({ variable, description }) => (
- {variable} {description}
+ {variable} {description}
- ))}
+ ))} */}
@@ -46,6 +61,8 @@ export default function SMSMessageFormContent() {
);
}
+export default compose(withCurrentOrganization())(SMSMessageFormContent);
+
/**
* SMS Message preview section.
* @returns {JSX}
@@ -61,9 +78,12 @@ function SMSMessagePreviewSection() {
- Note: Note: One SMS unit can contain a maximum of 160
- characters. {messagesUnits} SMS units will be used to
- send this SMS notification.
+ {intl.formatHTMLMessage(
+ { id: 'sms_message.dialog.sms_note' },
+ {
+ value: messagesUnits,
+ },
+ )}
);
diff --git a/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.js b/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.js
index e4eba28df..e823fba9d 100644
--- a/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.js
+++ b/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.js
@@ -30,16 +30,16 @@ function SMSMessageFormFloatingActions({
return (
-
+
diff --git a/src/containers/NotifyViaSMS/NotifyViaSMSForm.js b/src/containers/NotifyViaSMS/NotifyViaSMSForm.js
index b3a55a835..a41bbb697 100644
--- a/src/containers/NotifyViaSMS/NotifyViaSMSForm.js
+++ b/src/containers/NotifyViaSMS/NotifyViaSMSForm.js
@@ -1,4 +1,5 @@
import React from 'react';
+import intl from 'react-intl-universal';
import { castArray } from 'lodash';
import { Formik, Form, useFormikContext } from 'formik';
import styled from 'styled-components';
@@ -36,9 +37,12 @@ function SMSMessagePreviewSection() {
- Note: Note: One SMS unit can contain a maximum of 160
- characters. {messagesUnits} SMS units will be used to
- send this SMS notification.
+ {intl.formatHTMLMessage(
+ { id: 'notiify_via_sms.dialog.sms_note' },
+ {
+ value: messagesUnits,
+ },
+ )}
);
diff --git a/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.js b/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.js
index d2b925bdc..3b08b070e 100644
--- a/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.js
+++ b/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.js
@@ -18,7 +18,7 @@ export default function NotifyViaSMSFormFields({ notificationTypes }) {
{({ form, meta: { error, touched } }) => (
}
className={classNames(CLASSES.FILL)}
intent={inputIntent({ error, touched })}
helperText={}
diff --git a/src/containers/NotifyViaSMS/NotifyViaSMSFormFloatingActions.js b/src/containers/NotifyViaSMS/NotifyViaSMSFormFloatingActions.js
index 84b517e44..dbe701aaf 100644
--- a/src/containers/NotifyViaSMS/NotifyViaSMSFormFloatingActions.js
+++ b/src/containers/NotifyViaSMS/NotifyViaSMSFormFloatingActions.js
@@ -25,7 +25,7 @@ export default function NotifyViaSMSFormFloatingActions({ onCancel }) {
style={{ minWidth: '110px' }}
type="submit"
>
- Send SMS
+
);
-}
\ No newline at end of file
+}
diff --git a/src/containers/NotifyViaSMS/utils.js b/src/containers/NotifyViaSMS/utils.js
index 33804e5c2..9b78c1e35 100644
--- a/src/containers/NotifyViaSMS/utils.js
+++ b/src/containers/NotifyViaSMS/utils.js
@@ -5,7 +5,7 @@ import intl from 'react-intl-universal';
export const transformErrors = (errors, { setErrors }) => {
if (errors.some((e) => e.type === 'CUSTOMER_SMS_NOTIFY_PHONE_INVALID')) {
AppToaster.show({
- message: intl.get('notify_via_sms.dialog.error_message'),
+ message: intl.get('notify_via_sms.dialog.phone_invalid_error_message'),
intent: Intent.DANGER,
});
}
diff --git a/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.js b/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.js
index 8635fbf6d..b2bb18603 100644
--- a/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.js
+++ b/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.js
@@ -1,4 +1,5 @@
import React from 'react';
+import intl from 'react-intl-universal';
import styled from 'styled-components';
import { Intent } from '@blueprintjs/core';
@@ -31,7 +32,9 @@ function SMSMessagesDataTable({
is_notification_enabled: value,
}).then(() => {
AppToaster.show({
- message: 'SMS notification hs been enabled successfully.',
+ message: intl.get(
+ 'sms_messages.notification_switch_change_success_message',
+ ),
intent: Intent.SUCCESS,
});
});
diff --git a/src/containers/Preferences/SMSIntegration/components.js b/src/containers/Preferences/SMSIntegration/components.js
index f1708574a..d978edb25 100644
--- a/src/containers/Preferences/SMSIntegration/components.js
+++ b/src/containers/Preferences/SMSIntegration/components.js
@@ -33,7 +33,7 @@ export const SMSMessageCell = ({