-
Notifications
You must be signed in to change notification settings - Fork 1
/
Status.js
28 lines (26 loc) · 908 Bytes
/
Status.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import React from 'react';
import './../SCSS/Status.css';
function Status(props) {
return (
<div className="status-container">
{props.isScheduled ? (
<>
<p className="scheduled">Lunch meeting was successfully scheduled!</p>
<div className="details">
<p className="detail-item">Time <strong>{props.timeSlot}</strong></p>
<p className="detail-item">Table Number <strong>{Math.floor(Math.random() * 4) + 1}</strong></p>
<p className="detail-item">Guests: <strong>{Math.floor(Math.random() * 4) + 2}</strong></p>
</div>
</>
) : (
<>
<p className="not-scheduled">Request for the Lunch meeting is pending...</p>
<div className="loading-bar-container">
<div className="loading-bar-fill"></div>
</div>
</>
)}
</div>
);
}
export default Status;