Notes

<div className="UpdateAlarmStatusDetails">
<Grid container spacing={2}>
<Grid item xs={4}>
{/* <div className="UpdateAlarmStatuseNodeB"> */}
<p
className="Headercls"
>
eNodeB
</p>
<p className="bodycls">
{selectedRowData.enb_id ? selectedRowData.enb_id : eNodebValue}
</p>
{/* </div> */}
</Grid>
<Grid item xs={4}>
<p
className="Headercls"
>
Vendor
</p>
<p className="bodycls">{Vendor ? Vendor : ""}</p>
{/* </div> */}
</Grid>
</Grid>
<Grid container spacing={2}>
<Grid item xs={4}>
{/* <div className="UpdateAlarmStatusHistory"> */}
<p
className="Headercls"
>
Alarm History in 30 days
</p>
<p className="bodycls">{alarmHistory ? alarmHistory : ""}</p>
{/* </div> */}
</Grid>
<Grid item xs={4}>
{/* <div className="UpdateAlarmStatusDistance"> */}
<p
className="Headercls"
>
Distance to closest gNB
</p>
<p className="bodycls">{distancTogNB + " km"}</p>
{/* </div> */}
</Grid>
<Grid
item
xs={4}
className="d-flex flex-column justify-content-between"
>
{/* <div className="UpdateAlarmStatusReasone"> */}
<p
className="Headercls"
>
Alarm Reason
</p>
<p className="bodycls" >{alarmreason ? alarmreason : ""}</p>
{/* </div> */}
</Grid>
</Grid>
<Grid container spacing={2}>
<Grid item xs={4}>
<div
className="GoButton"
style={{ marginTop: "1.5rem" }}
>
<Button
disabled={disabled}
variant="contained"
style={{
backgroundColor: "#e6e6e6",
borderRadius: "25px",
fontSize: ".9rem",
textTransform: "capitalize",
height: "40px",
width: "12rem",
boxShadow: "none",
padding: "12px 24px",
color: "black",
fontWeight: "normal",
}}
onClick={handleButtonClick}
>
Update Root Cause
</Button>
</div>
</Grid>
{isPopupOpen ? (
<AlarmTableUpdateRootCause
show={isPopupOpen}
setShow={setPopupOpen}
eNodeB={selectedRowData.enb_id}
date={selectedRowData.date}
AlarmCategory={selectedRowData.Alarm_Category}
alarmID={selectedRowData.Alarm_ID}
PotentialRootCauseFunc={PotentialRootCauseFunc}
PotentialRootCausePayload={
PotentialRootCausePayload
}
/>
) : null}
{showPopup ? (
<AlarmStatusSliderUpdatePopup
showPopup={showPopup}
setShowPopup={setShowPopup}
date={SliderDate}
enodebid={selectedRowData.enb_id}
onSaveUpdateAlarmStatus={SliderDataFunc}
sliderPayload={sliderPayload}
/>
) : null}{" "}
<Grid item xs={4}>
<div
className="GoButton POPup_btn"
style={{ marginTop: "1.5rem" }}
>
<Button
variant="contained"
style={{
backgroundColor: "#e6e6e6",
borderRadius: "25px",
fontSize: ".9rem",
textTransform: "capitalize",
height: "40px",
width: "12rem",
boxShadow: "none",
paddingTop: "12px 24px",
color:"black",
fontWeight: "normal",
}}
onClick={handleCheckPerformanceClick}
>
Check Performance
</Button>
</div>
</Grid>
</Grid>
{/* {mapDistributionPopup ? (
<FivegNetworkModal
setShow={setmapDistributionPopup}
show={mapDistributionPopup}
enodebclicked={
eNodebValue
? eNodebValue
: selectedRowData.enb_id
}
payLoad={popDate}
gnodebClicked={gnodebValue}
/>
) : null} */}
</div>
</div>
<div className="UpdateAlarmStatusChart">
{/* <ChartToPDF
filename={`FiveG Network Performance Analysis - Potential Root Cause chart`}
chartName={`Potential Root Cause Contribution`}
myStyle={myStyle}
chartPdfStyle={linePdfStyle}
chartDataAvailable={!noDataExistForPotentialBar}
chartComponent={
<> */}
<div className="UpdateAlarmStatusMidHeading">
<h5 style={{ fontWeight: 900 }}>
{`Potential Root Cause Contribution`}
</h5>
</div>
{PotentialRootCauseData ? (
PotentialRootCauseData != undefined &&
PotentialRootCauseData.length > 0 ? (
<CallDropColumnChart
chartData={PotentialRootCauseData}
title={"Top 7 Call Drop Cause Code"}
/>
) : (
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
minHeight: "200px",
float: "right",
width: "100%",
fontWeight: "700",
}}
>
<h5 style={{ fontWeight: "700" }}>No Data Exists</h5>
</div>
)
) : null}
{PotentialRootCauseData &&
PotentialRootCauseData.length > 0 &&
potentialChartLegend.length > 0 ? (
<BarChartLegend
legendData={potentialChartLegend}
colors={legendcolors}
UpdateAlaramChartClass={"UpdateAlaramChartClass"}
/>
) : null}
{/* </>
}
/> */}
</div>
<div className="paddingtop">
<div
className="cardTitle"
>
Similar Cases of eNodeB
</div>
{eNodeBData && eNodeBData.length > 0 ? (
<div className="UpdateAlarmStatusSelectGoBtn">
<div className="UpdateAlarmStatusSelect">
{" "}
<div className="multiSelectDropdown1 multidropdown">
<SingleSelectComponent
optionsList={eNodeBData}
selectedValue={selectedeNodeBData}
onChange={onChangeHandler}
/>
</div>
</div>

<div className="UpdateAlarmStatusGoBtn">
<div
className="GoButton"
style={{ marginTop: "1.5rem" }}
>
<Button
disabled={disabled}
variant="contained"
className={`${isGoActive ? "GoActive" : "GoInActive"}`}
onClick={OnButtonGoClick}
>
Go
</Button>
</div>
</div>
</div>
) : similarNoData ? (
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
height: "50vh",
float: "right",
fontWeight: "700",
width: "100%",
}}
// className={`Anomaly_nodata ${
// SUB_ID ? `pdfAnomaly_nodata` : ""
// }`}
>
<h5 style={{ fontWeight: "700" }}>No Data Exists</h5>
</div>
) : null}
</div>
{updateAlarmDetailsPopupOpen ? (
<AlarmTableClickPopupGoFWA
show={updateAlarmDetailsPopupOpen}
setShow={setUpdateAlarmDetailsPopupOpen}
rowenodebClicked={selectedRowData.enb_id}
eNodeBDatapopupid={selectedeNodeBData}
setMainShow={setShow}
eNodeB={selectedeNodeBData.label}
date={SliderDate}
setEnodeBcheckId={setEnodeBcheckId}
setGnodeIDLoad={setGnodeIDLoad}
selectedRowData={selectedRowData}
EnodebParams={EnodebParams}
AlarmSliderDate={AlarmSliderDate}
FWAPdf_Pop_Up={FWAPdf_Pop_Up}
AlarmEnodebParams={AlarmEnodebParams}
setEndoebPopParams={setEndoebPopParams}
EndoebPopParams={EndoebPopParams}
/>
) : null}
</div>
</div>
{/* </>
}
/> */}
</div>
}
/>
)}
{mapDistributionPopup ? (
<FiveGFWASectorPopup
setShow={setmapDistributionPopup}
show={mapDistributionPopup}
enodebclicked={selectedRowData.enb_id}
payLoad={payLoad}
gnodebClicked={gnodebclickids}
/>
) : null}
</div>
);
};

export default AlarmTableClickPopup;