How to use the react-intl-universal.get function in react-intl-universal
To help you get started, we’ve selected a few react-intl-universal 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.
LoopringSecondary / circulr / src / components / tickers / ListTokenTickers.js View on Github 
function ListTokenTickers(props) {
const {tickersOfSource:list,dispatch,token,tickers} = props;
const tickersFm = new TickersFm(list);
const listedTickers = tickersFm.getTickersBySymbol(token);
const gotoTrade = (item)=>{
routeActions.gotoPath(`/trade/${item.market}`)
}
console.log('ListTokenTickers',tickers);
console.log('listedTickers',listedTickers);
return (
<div>
<div>
<div>
<h4>{intl.get('ticker_list.title_loopring_tickers')}</h4>
</div>
<div style="{{minHeight:'65px'}}">
{
listedTickers.map((item,index)=>{
const tickerFm = new TickerFm(item)
return (
<div>
<ul>
<li><h3>{item.market}</h3></li>
<li><small>{intl.get('ticker.price')}</small><span>{tickerFm.getLast()}</span></li>
<li><small>{intl.get('ticker.change')}</small><span>{tickerFm.getChange()}</span></li>
</ul>
<button>{intl.get('common.trade')} {token}</button>
</div>
)</div></div></div>{
types.map((item, index) =>
{item.label}
)
}
<div style="{{height:">
<div>
{
list.items.map((item, index) => {
const txFm = new TxFm(item);
const actions = {
gotoDetail: () => props.dispatch({type: 'layers/showLayer', payload: {id: 'txDetail', tx: item}}),
toResend:() => resendTx(item),
toCancel: () => cancelTx(item)<table>
<thead>
<tr>
<th>{intl.get('tx.type')}</th>
<th>{intl.get('tx.gas')}</th>
<th>{intl.get('tx.block')}</th>
<th>{intl.get('tx.nonce')}</th>
<th>{intl.get('tx.txHash')}</th>
<th>{intl.get('tx.created')}</th>
<th>{intl.get('tx.status')}</th>
</tr>
</thead>
<tbody></tbody></table></div></div>}
{!loading && !ring &&
<div>
<h1>{intl.get('common.list.no_data')}</h1>
</div>
}
)
}
}const PurchaseReceiptPage = (props: RouteComponentProps) => {
const { location, history } = props;
const handleReorderAllProducts = () => {
history.push('/mybag');
};
const itemDetailLink = '/itemdetail';
return (
<div>
<div style="{{">
<div>
<h2>
{intl.get('order-processed-message')}
</h2>
</div>
</div>
</div>
);
};unlock = () => {
const {privateKey} = this.state;
if(this.isValidPrivateKey(privateKey)){
this.props.dispatch({type:"wallet/unlockPrivateKeyWallet",payload:{privateKey}});
Notification.open({type:'success',message:intl.get('notifications.title.unlock_suc')});
this.props.dispatch({type: 'sockets/unlocked'})
routeActions.gotoPath('/wallet');
this.props.dispatch({type:'layers/hideLayer', payload:{id:'unlock'}})
}else if(privateKey){
Notification.open({type:'error',message:intl.get('notifications.title.unlock_fail'),description:intl.get('key.error_private_tip')})
}else{
Notification.open({type:'error',message:intl.get('notifications.title.unlock_fail'),description:intl.get('key.lack_private_tip')})
}
};})
}
}
const isIncresse = () => {
if(trades.length===0 || trades.length ===1){
return true
}else {
return trades[0].price >= trades[1].price
}
};
return (
<div>
<div style="{{height:"100vh"}}">
<div>
<h4>{intl.get('order_list.order_book')}</h4>
</div>
<div style="{{height:"-webkit-calc(100%">
<div style="{{">
{trades.length >0 && isIncresse() && <div>{trades[0] && trades[0].price}<span><i></i></span></div>}
{trades.length >0 && !isIncresse() && <div>{trades[0] && trades[0].price}<span><i></i></span></div>}
</div>
<ul>
<li>
<span>{intl.get('order.price')} {tokens.right}</span>
<span style="{{textAlign:'right'}}">{intl.get('order.amount')} {tokens.left} </span>
<span style="{{textAlign:'right'}}">{intl.get('order.LRCFee')}</span>
</li>
</ul>
<div style="{{height:">
<ul style="{{height:"></ul></div></div></div></div>form.setFieldsValue({"amount": ''})
}
}}
onBlur={() => {
const amount = form.getFieldValue("amount")
if(amount === '') {
form.setFieldsValue({"amount": 0})
}
}}/>
)}
{transfer.token === "ETH" && !transfer.advance &&
<div>
<div></div>
<div>
</div>
</div>
}
{transfer.token === "ETH" && transfer.advance &&
<div>
{form.getFieldDecorator('data', {
initialValue: '',
rules: [
{message: intl.get("token.token_select_verification_message"),
validator: (rule, value, cb) => validateHex(value) ? cb() : cb(true)
}
]
})(</div>if (isEmpty(profile)) {
return (
<div>
Oops something wrong. Click to refresh form.
<button> stores.profileStore.retrieveMe()}>
refresh
</button>
</div>
)
}
const steps = [
intl.get('contribute.talkProposal.application.stages.stages1.header').d('약관 동의'),
intl.get('contribute.talkProposal.application.stages.stages2.header').d('후원 정보'),
intl.get('contribute.talkProposal.application.stages.stages5.header').d('제출 완료'),
]
return (
this.formWrapperRef = ref}>
{steps.map(step => )}
{this.state.currentStage === SponsorFormStage.stage1 &&
this.setState({ currentStage: SponsorFormStage.stage2 })}
/>
}{ intl.get('sponsor.prospectus.packages.session.header').d('후원사 세션') }
{ intl.get('common.unit.ea', { number: '2' }).d('2세션') }
{ intl.get('common.unit.ea', { number: '1' }).d('1세션') }
{ intl.get('common.unit.ea', { number: '1' }).d('1세션') }
-
{ intl.get('sponsor.prospectus.packages.goods.header').d('증정품 지급') }
✅
✅
✅
✅
{ intl.get('sponsor.prospectus.packages.recruitment.header').d('채용 공고') }
✅
✅
✅
✅
{ intl.get('sponsor.prospectus.packages.logo.header').d('로고 노출 위치') }
{ intl.get('sponsor.prospectus.packages.logo.attendeePass').d('참가자 네임택 줄') }<br>
{ intl.get('sponsor.prospectus.packages.logo.hangingBanner').d('현수막') }<br>
{ intl.get('sponsor.prospectus.packages.logo.standingBanner').d('스탠딩 배너') }<br>
{ intl.get('sponsor.prospectus.packages.logo.website').d('웹사이트') }
{ intl.get('sponsor.prospectus.packages.logo.hangingBanner').d('현수막') }<br>
{ intl.get('sponsor.prospectus.packages.logo.standingBanner').d('스탠딩 배너') }<br>const tx = res.result;
tx.gasPrice = getGasPrice(tx.gasPrice);
tx.data = tx.input;
tx.gasLimit = tx.gas;
tx.chainId = config.getChainId();
dispatch({type: 'layers/showLayer', payload: {id: 'resend', tx}})
} else {
Notification.open({
type: 'error',
message: intl.get('txs.can_not_resend'),
description: intl.get('txs.not_detail')
});
}
})
}else{
Notification.open({type:'warning',message:intl.get('notifications.title.unlock_first')})
}
};react-intl-universal
Internationalize React apps. Not only for React component but also for Vanilla JS.
