How to use the react-i18nify.I18n function in react-i18nify
To help you get started, we’ve selected a few react-i18nify examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
scaleflex / filerobot-uploader / dist / components / UploadImagesTab / UserUploaderTab.js View on Github 
}, _this.uploadFromWeb = function () {
var value = _this._uploadFromWebField.value;
var isValid = value && /^(http:\/\/|https:\/\/|\/\/)/.test(value);
if (isValid) _this.upload(true, value);else _this.uploadError(value ? _reactI18nify.I18n.t('upload.url_not_valid') : _reactI18nify.I18n.t('upload.empty_url'), 4000);
}, _temp), _possibleConstructorReturn(_this, _ret);
}function syncTranslationWithStore(store) {
_reactI18nify.I18n.setTranslationsGetter(function () {
try {
return store.getState().i18n.translations;
} catch (e) {
console.error('Error getting translations from store!');
}
});
_reactI18nify.I18n.setLocaleGetter(function () {
try {
return store.getState().i18n.locale;
} catch (e) {
console.error('Error getting locale from store!');
}
});
}var _reducer = require('./reducer');
Object.defineProperty(exports, 'i18nReducer', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_reducer).default;
}
});
exports.syncTranslationWithStore = syncTranslationWithStore;
var _reactI18nify = require('react-i18nify');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.I18n = _reactI18nify.I18n;
exports.Translate = _reactI18nify.Translate;
exports.Localize = _reactI18nify.Localize;
function syncTranslationWithStore(store) {
_reactI18nify.I18n.setTranslationsGetter(function () {
try {
return store.getState().i18n.translations;
} catch (e) {
console.error('Error getting translations from store!');
}
});
_reactI18nify.I18n.setLocaleGetter(function () {
try {
return store.getState().i18n.locale;
} catch (e) {
console.error('Error getting locale from store!');
}var _props = this.props,
toggleColorType = _props.toggleColorType,
activeColorType = _props.activeColorType;
return _react2.default.createElement(
_index.SidebarWrap,
null,
_react2.default.createElement(
_index.SideBar,
{ id: 'airstore-uploader-tags-box' },
_react2.default.createElement(
_index.Label,
{ fs: '16px', color: 'black' },
_reactI18nify.I18n.t('icons.color_filter')
),
_react2.default.createElement(
_index.ColorWrapper,
null,
_react2.default.createElement(
_index.ColorItem,
{
key: 'all-color-wrapper',
active: activeColorType === 'all',
onClick: function onClick() {
toggleColorType('all');
},
onKeyDown: function onKeyDown(event) {
event.keyCode === 13 && toggleColorType('all');
},
tabIndex: 0,}, bgColor: themeColors.primary }),
_react2.default.createElement(_styledComponents.ColorIcon, { onClick: function onClick() {
_this3.setColor(themeColors.secondary);
}, bgColor: themeColors.secondary })
),
_react2.default.createElement(
_styledComponents.ButtonSearch,
{
innerRef: function innerRef(node) {
return _this3._buttonSearch = node;
},
fullBr: '4px',
onClick: this.onApply,
tabIndex: 10001
},
_reactI18nify.I18n.t('upload.apply')
)
),
displayColorPicker ? _react2.default.createElement(
'div',
{ style: popover },
_react2.default.createElement(_reactColor.SketchPicker, { color: activeColor, onChange: this.handleChange })
) : null
)
);
}
}]);onClick: this.search
},
_reactI18nify.I18n.t('upload.search')
)
)
),
_react2.default.createElement(
_index.ButtonSearch,
{
className: 'ae-btn',
fullBr: '4px',
onClick: function onClick() {
_this2.fileInput.click();
}
},
_reactI18nify.I18n.t('file_manager.upload_images')
)
),
_react2.default.createElement(_UploadedImagesContent2.default, {
imagesIndex: imagesIndex,
onDragEvent: this.onDragEvent,
fileDropHandler: this.fileDropHandler,
isDragOver: isDragOver,
saveUploadedFiles: this.props.saveUploadedFiles,
setPostUpload: this.props.setPostUpload,
files: files,
onClose: this.props.onClose
}),
_react2.default.createElement(_Spinner.Spinner, { overlay: true, show: isLoading || step === STEP.UPLOADING })
);
}
}]);{
onDrop: fileDropHandler,
method: 'post',
encType: 'multipart/form-data',
style: style,
columnWidth: columnWidth,
height: columnWidth / (item.ratio || 1.6) + 20
},
_react2.default.createElement(
_index.UploadBox,
{ isDragOver: isDragOver },
_react2.default.createElement(_index.UploadBoxIcon, { className: 'sfi-airstore-image' }),
_react2.default.createElement(
_index.Label,
{ center: true },
_reactI18nify.I18n.t('file_manager.drag_images_here')
)
)
);
};),
_react2.default.createElement(
'div',
{ style: { padding: '5px 10px 12px' } },
_react2.default.createElement(
_styledComponents.AddColorBtn,
{
onClick: _this.addColorFilter,
onKeyDown: function onKeyDown(event) {
event.keyCode === 13 && _this.addColorFilter();
},
tabIndex: 0,
role: 'button'
},
'+ ',
_reactI18nify.I18n.t('images.add_color')
)
),
_react2.default.createElement(
_styledComponents.Label,
{ fs: '16px', color: 'black' },
_reactI18nify.I18n.t('upload.categories')
),
tags.length && _react2.default.createElement(
_styledComponents.ColorItem,
{
key: 'category-background',
active: 'backgrounds' === activePresetTag,
onClick: function onClick() {
_this.onActivatePresetTag('backgrounds');
},
tabIndex: 0,value: function componentDidMount() {
var _props = this.props,
initialOptions = _props.initialOptions,
initialTab = _props.initialTab;
var language = initialOptions.language || initialOptions.LANGUAGE || _config2.default.language;
initialTab = initialTab || initialOptions.initialTab || initialOptions.INITIAL_TAB || _config2.default.initialTab;
_reactI18nify.I18n.setLocale(language);
initialOptions.modules = this.state.activeModules;
this.props.setUploaderConfig(initialOptions);
this.props.onSetUploadHandler(initialOptions.onUpload || null);
if (this.props.opened) this.openModal(initialTab);
}
}, {_reactI18nify.I18n.t('upload.or')
),
_react2.default.createElement(
_index4.SearchWrapper,
null,
_react2.default.createElement(
_index4.SearchGroup,
null,
_react2.default.createElement(_index4.InputSearch, {
type: 'search',
innerRef: function innerRef(node) {
return _this2._uploadFromWebField = node;
},
autoFocus: true,
defaultValue: '',
placeholder: _reactI18nify.I18n.t('upload.enter_url_to_upload_from_web'),
onKeyDown: function onKeyDown(ev) {
return (0, _index3.isEnterClick)(ev) && _this2.uploadFromWeb();
}
}),
_react2.default.createElement(
_index4.ButtonSearch,
{
key: 'ok',
className: 'ae-btn',
onClick: this.uploadFromWeb
},
_reactI18nify.I18n.t('upload.upload_btn')
)
)
),
_react2.default.createElement(react-i18nify
Simple i18n translation and localization components and helpers for React.
