Vikas Nale
88a60a7c48
- Change gay color of grid to match the theme - realign floor and workarea lebel for visual clearity - remove background color with the message "No floor added to the building, please add new floor to start working'
39 lines
1.0 KiB
JavaScript
39 lines
1.0 KiB
JavaScript
import React from "react";
|
|
const Building = ({
|
|
building,
|
|
toggleBuilding,
|
|
expandedBuildings,
|
|
getContent,
|
|
}) => {
|
|
return (
|
|
<React.Fragment key={building.id}>
|
|
<tr className="overflow-auto">
|
|
<td
|
|
colSpan="4"
|
|
className="text-start"
|
|
style={{
|
|
background: "#fafafa",
|
|
cursor: "pointer",
|
|
textAlign: "center!important",
|
|
}}
|
|
onClick={() => toggleBuilding(building.id)}
|
|
>
|
|
<div className="row table-responsive">
|
|
<h6 style={{ marginBottom: "0px", fontSize: "14px" }}>
|
|
{building.name}
|
|
{expandedBuildings.includes(building.id) ? (
|
|
<i className="bx bx-chevron-down"></i>
|
|
) : (
|
|
<i className="bx bx-chevron-right"></i>
|
|
)}
|
|
</h6>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
{expandedBuildings.includes(building.id) && getContent(building)}
|
|
</React.Fragment>
|
|
);
|
|
};
|
|
export default Building;
|