You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
801 B
25 lines
801 B
import React from "react"; |
|
import { Label } from "semantic-ui-react"; |
|
|
|
export default ({ |
|
provider_approved, |
|
client_approved_start, |
|
client_approved_end |
|
}) => { |
|
const providerApproved = !!provider_approved; |
|
const clientApproved = !!client_approved_start && providerApproved; |
|
const providerRejected = !provider_approved && provider_approved !== null; |
|
const providerPending = provider_approved === null; |
|
return ( |
|
<Label |
|
color={providerApproved ? "green" : providerRejected ? "red" : "grey"} |
|
tag |
|
size="small" |
|
> |
|
{!clientApproved && providerApproved && "Provider Approved Shift"} |
|
{clientApproved && "Client Approved Hours"} |
|
{providerPending && "Provider Approval Pending"} |
|
{providerRejected && "Provider Rejected Shift"} |
|
</Label> |
|
); |
|
};
|
|
|