components « src « instant « packages - dexon-0x-contracts - DEXON fork of 0x protocol contracts forked from 0x-monorepo (https://github.com/dexon-foundation/0x-contracts)

about summary refs log tree commit diff stats

path: root/packages/instant/src/components

Mode	Name	Size
-rw-r--r--	amount_placeholder.tsx	797	log stats plain blame
d---------	animations	85	log stats plain
-rw-r--r--	asset_amount_input.tsx	2841	log stats plain blame
-rw-r--r--	buy_button.tsx	1865	log stats plain blame
-rw-r--r--	buy_order_state_button.tsx	919	log stats plain blame
-rw-r--r--	instant_heading.tsx	4157	log stats plain blame
-rw-r--r--	order_details.tsx	4534	log stats plain blame
-rw-r--r--	retry_button.tsx	310	log stats plain blame
-rw-r--r--	scaling_amount_input.tsx	1859	log stats plain blame
-rw-r--r--	scaling_input.tsx	6491	log stats plain blame
-rw-r--r--	secondary_button.tsx	804	log stats plain blame
-rw-r--r--	sliding_error.tsx	1346	log stats plain blame
d---------	ui	260	log stats plain
-rw-r--r--	zero_ex_instant.tsx	2998	log stats plain blame
-rw-r--r--	zero_ex_instant_container.tsx	1302	log stats plain blame

symbol : `${name} (${symbol})` } render () { const { history, addTokens, clearPendingTokens, pendingTokens } = this.props return ( <div className="page-container"> <div className="page-container__header"> <div className="page-container__title"> { this.context.t('addTokens') } </div> <div className="page-container__subtitle"> { this.context.t('likeToAddTokens') } </div> </div> <div className="page-container__content"> <div className="confirm-add-token"> <div className="confirm-add-token__header"> <div className="confirm-add-token__token"> { this.context.t('token') } </div> <div className="confirm-add-token__balance"> { this.context.t('balance') } </div> </div> <div className="confirm-add-token__token-list"> { Object.entries(pendingTokens) .map(([ address, token ]) => { const { name, symbol } = token return ( <div className="confirm-add-token__token-list-item" key={address} > <div className="confirm-add-token__token confirm-add-token__data"> <Identicon className="confirm-add-token__token-icon" diameter={48} address={address} /> <div className="confirm-add-token__name"> { this.getTokenName(name, symbol) } </div> </div> <div className="confirm-add-token__balance"> <TokenBalance token={token} /> </div> </div> ) }) } </div> </div> </div> <div className="page-container__footer"> <Button type="default" large className="page-container__footer-button" onClick={() => history.push(ADD_TOKEN_ROUTE)} > { this.context.t('back') } </Button> <Button type="primary" large className="page-container__footer-button" onClick={() => { addTokens(pendingTokens) .then(() => { clearPendingTokens() history.push(DEFAULT_ROUTE) }) }} > { this.context.t('addTokens') } </Button> </div> </div> ) } }