2017-06-01 11:49:32 +09:00
|
|
|
import React, { Component } from 'react';
|
2018-01-25 15:03:03 -06:00
|
|
|
import { getSetting, Strings } from 'meteor/vulcan:lib';
|
2017-06-01 11:49:32 +09:00
|
|
|
|
2018-02-21 10:48:22 +09:00
|
|
|
String.prototype.replaceAll = function(search, replacement) {
|
|
|
|
var target = this;
|
|
|
|
return target.replace(new RegExp(search, 'g'), replacement);
|
|
|
|
};
|
|
|
|
|
2018-03-25 10:54:45 +09:00
|
|
|
const FormattedMessage = ({ id, values, defaultMessage = '', html = false }) => {
|
2017-06-01 11:49:32 +09:00
|
|
|
const messages = Strings[getSetting('locale', 'en')] || {};
|
2017-06-03 09:24:43 +09:00
|
|
|
let message = messages[id] || defaultMessage;
|
2018-03-25 10:54:45 +09:00
|
|
|
if (message && values) {
|
2017-06-01 18:23:36 +09:00
|
|
|
_.forEach(values, (value, key) => {
|
2018-02-21 10:48:22 +09:00
|
|
|
message = message.replaceAll(`{${key}}`, value);
|
2017-06-01 18:23:36 +09:00
|
|
|
});
|
|
|
|
}
|
2018-02-21 10:48:22 +09:00
|
|
|
return html ?
|
|
|
|
<span className="i18n-message" dangerouslySetInnerHTML={{__html: message}}/> :
|
|
|
|
<span className="i18n-message">{message}</span>
|
2017-06-01 11:49:32 +09:00
|
|
|
}
|
|
|
|
|
2018-01-25 15:03:03 -06:00
|
|
|
export default FormattedMessage;
|