moved the certificate to a card

bluewave-labs · Dec 26, 2024 · db3c81c · db3c81c
1 parent 2efd26d
commit db3c81c
Showing 1 changed file with 13 additions and 50 deletions.
diff --git a/Client/src/Pages/Uptime/Details/index.jsx b/Client/src/Pages/Uptime/Details/index.jsx
@@ -210,56 +210,7 @@ const DetailsPage = () => {
 									alignSelf: "flex-end",
 								}}
 							>
-								<IconBox
-									mr={theme.spacing(4)}
-									onClick={openCertificate}
-									sx={{
-										cursor: "pointer",
-										"& svg": {
-											width: 23,
-											height: 23,
-											top: "52%",
-										},
-									}}
-								>
-									<CertificateIcon />
-								</IconBox>
-								<Popover
-									id="certificate-dropdown"
-									anchorEl={anchorEl}
-									open={Boolean(anchorEl)}
-									onClose={closeCertificate}
-									disableScrollLock
-									marginThreshold={null}
-									anchorOrigin={{
-										vertical: "bottom",
-										horizontal: "center",
-									}}
-									transformOrigin={{
-										vertical: "top",
-										horizontal: "center",
-									}}
-									slotProps={{
-										paper: {
-											sx: {
-												mt: theme.spacing(4),
-												py: theme.spacing(2),
-												px: theme.spacing(4),
-												width: 140,
-												backgroundColor: theme.palette.background.accent,
-											},
-										},
-									}}
-								>
-									<Typography variant="body2">Certificate Expiry</Typography>
-									<Typography
-										component="span"
-										fontSize={13}
-										color={theme.palette.text.primary}
-									>
-										{certificateExpiry}
-									</Typography>
-								</Popover>
+
 								{isAdmin && (
 									<Button
 										variant="contained"
@@ -302,6 +253,18 @@ const DetailsPage = () => {
 									</>
 								}
 							/>
+							<StatBox
+								heading="certificate expiry"
+								subHeading={
+									<Typography
+										component="span"
+										fontSize={13}
+										color={theme.palette.text.primary}
+									>
+										{certificateExpiry}
+									</Typography>
+								}
+							/>
 						</Stack>
 						<Box>
 							<Stack