3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-04 20:57:17 +02:00
Code Issues Projects Releases Packages Wiki Activity

chore(v2): better error message style (#1454)

Browse source
This commit is contained in:
Endi 2019-05-13 18:47:57 +07:00 • committed by GitHub
parent f9c0cd2e56
commit b61cab5e9b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
packages/docusaurus/src/client/theme-fallback/Loading/index.js
View file

@ -7,13 +7,39 @@
import React from 'react'; import React from 'react';
export default props => { export default ({error, retry, pastDelay}) => {
if (props.error) { if (error) {
console.warn(props.error); return (
return <div align="center">Error</div>; <div
style={{
align: 'center',
color: '#fff',
backgroundColor: '#fa383e',
borderColor: '#fa383e',
borderStyle: 'solid',
borderRadius: '0.25rem',
borderWidth: '1px',
boxSizing: 'border-box',
display: 'block',
padding: '1rem',
flex: '0 0 50%',
marginLeft: '25%',
marginRight: '25%',
marginTop: '5rem',
maxWidth: '50%',
width: '100%',
}}>
<p>{error.message}</p>
<div>
<button type="button" onClick={retry}>
Retry
</button>
</div>
</div>
);
} }
if (props.pastDelay) { if (pastDelay) {
return ( return (
<div <div
style={{ style={{