Added a dummied attack button as a component
This commit is contained in:
+28
-2
@@ -5,11 +5,37 @@ import Loadable from 'react-loadable';
|
||||
//other stuff
|
||||
import Footer from './panels/footer.jsx';
|
||||
|
||||
//lazy route loading
|
||||
//lazy route loading (with error handling)
|
||||
const LazyRoute = (props) => {
|
||||
const component = Loadable({
|
||||
loader: props.component,
|
||||
loading: () => <div className='page'><p className='centered'>Loading...</p></div>,
|
||||
|
||||
loading: (props) => {
|
||||
if (props.error) {
|
||||
return (
|
||||
<div className='page'>
|
||||
<div className='warning' style={{display: 'flex'}}>
|
||||
<p className='centered'>{props.error}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
} else if (props.timeOut) {
|
||||
return (
|
||||
<div className='page'>
|
||||
<div className='warning' style={{display: 'flex'}}>
|
||||
<p className='centered'>Timed Out</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div className='page'>
|
||||
<p className='centered'>Loading...</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
},
|
||||
timeout: 10000
|
||||
});
|
||||
|
||||
return <Route {...props} component={component} />;
|
||||
|
||||
Reference in New Issue
Block a user