display source errors in card

This commit is contained in:
Lachlan Kermode
2018-12-11 11:24:53 +00:00
parent bf0c78d0a0
commit ab20d962ad
6 changed files with 38 additions and 17 deletions

View File

@@ -3,20 +3,27 @@ import Spinner from './Spinner'
import copy from '../../js/data/copy.json'
const CardSource = ({ source, language, isLoading }) => {
const CardSource = ({ source, language, isLoading, error }) => {
const source_lang = copy[language].cardstack.source
if (!source) source = copy[language].cardstack.unknown_source
const content = isLoading ? (
<Spinner />
) : (
<div><small>{source}</small></div>
)
if (isLoading) {
return <Spinner />
}
function renderSource() {
return (
<div><p>TODO: display source properly.</p></div>
)
}
return (
<div className="card-col card-cell source">
<h4>{source_lang}: </h4>
{content}
{source.error ? (
<div><small>{source.error}</small></div>
) : (
renderSource()
)}
</div>
)
}