32 lines
846 B
JavaScript
32 lines
846 B
JavaScript
import React from "react";
|
|
|
|
const Loader = () => {
|
|
return (
|
|
<div
|
|
className="d-flex justify-content-center align-items-center"
|
|
style={{ height: "50vh" }}
|
|
>
|
|
<div className="sk-wave">
|
|
<div className="sk-wave-rect"></div>
|
|
<div className="sk-wave-rect"></div>
|
|
<div className="sk-wave-rect"></div>
|
|
<div className="sk-wave-rect"></div>
|
|
<div className="sk-wave-rect"></div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Loader;
|
|
|
|
|
|
export const SpinnerLoader = ()=>{
|
|
return (
|
|
<div className="text-center">
|
|
<div className="spinner-border text-primary mb-3" role="status">
|
|
<span className="visually-hidden">Loading...</span>
|
|
</div>
|
|
<p className="text-secondary mb-0">Loading attendance data...</p>
|
|
</div>
|
|
)
|
|
} |