Update ServiceDetailsCard.tsx

Signed-off-by: Ambrish R <ambrish.r@infosys.com>
This commit is contained in:
Ambrish R
2024-03-22 18:59:54 +05:30
committed by GitHub
parent 492b69f6bb
commit c4fd47ce44
@@ -208,7 +208,7 @@ export const ServiceDetailsCard = () => {
<h2>{headerText}</h2>
</Box>
<Box>
<MaterialButton
<Button
className={classes.buttonLink}
color="default"
href={serviceIncidentsLink}
@@ -217,7 +217,7 @@ export const ServiceDetailsCard = () => {
variant="outlined"
>
View service incidents
</MaterialButton>
</Button>
</Box>
</Box>
)}
@@ -241,7 +241,7 @@ export const ServiceDetailsCard = () => {
<Box paddingLeft="16px" marginTop="10px">
<Typography variant="subtitle1">View in FireHydrant </Typography>
<Box className={classes.buttonContainer} marginTop="10px">
<MaterialButton
<Button
component={Link}
target="_blank"
rel="noopener"
@@ -256,8 +256,8 @@ export const ServiceDetailsCard = () => {
<Typography component="span">Declare an incident</Typography>
</Box>
</Box>
</MaterialButton>
<MaterialButton
</Button>
<Button
component={Link}
target="_blank"
rel="noopener"
@@ -272,9 +272,9 @@ export const ServiceDetailsCard = () => {
<Typography component="span">View all incidents</Typography>
</Box>
</Box>
</MaterialButton>
</Button>
{showServiceDetails && (
<MaterialButton
<Button
component={Link}
target="_blank"
rel="noopener"
@@ -289,7 +289,7 @@ export const ServiceDetailsCard = () => {
<Typography component="span">View Service Details</Typography>
</Box>
</Box>
</MaterialButton>
</Button>
)}
</Box>
</Box>