Use BusyMessage for price lookup #151

Closed
6ea86b96 wants to merge 1 commit from price-loading-state into master
Showing only changes of commit 809a003a11 - Show all commits

View file

@ -1,5 +1,6 @@
import React from 'react' import React from 'react'
import { import {
BusyMessage,
CreditAmount, CreditAmount,
} from 'component/common' } from 'component/common'
@ -34,7 +35,7 @@ class FilePrice extends React.Component{
const isEstimate = costInfo ? !costInfo.includesData : null const isEstimate = costInfo ? !costInfo.includesData : null
if (!costInfo) { if (!costInfo) {
return <span className={`credit-amount credit-amount--${look}`}>???</span>; return <BusyMessage className={`credit-amount credit-amount--${look}`} message="Looking up price" />
} }
return <CreditAmount label={false} amount={costInfo.cost} isEstimate={isEstimate} showFree={true} /> return <CreditAmount label={false} amount={costInfo.cost} isEstimate={isEstimate} showFree={true} />