Finally, implement a busy indicator in the page by following the next steps:
- Implement the Busy component's behavior by creating this file and adding the following JavaScript code:
/src/components/common/Busy/Busy.js
import React from 'react';
import './Busy.css';
const Busy = () => (
<div className="busy-loader-container">
<div className="busy-loader"></div>
</div>
);
export default Busy;
- Implement Busy component styles by creating this file and adding the following CSS styles:
/src/components/common/Busy/Busy.css
.busy-loader-container {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
...