diff --git a/Client/src/Components/BasicTable/index.css b/Client/src/Components/BasicTable/index.css index 8c16dd744..47a47439d 100644 --- a/Client/src/Components/BasicTable/index.css +++ b/Client/src/Components/BasicTable/index.css @@ -1,22 +1,12 @@ -.MuiTable-root .host a { - width: var(--env-var-img-width-2); - height: var(--env-var-img-width-2); - color: var(--env-var-color-5); - margin-right: 10px; -} -.MuiTable-root .host a svg { - width: var(--env-var-font-size-large); - height: var(--env-var-font-size-large); -} -.MuiTable-root .host div:nth-child(2) { +.MuiTable-root .host { width: fit-content; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } -.MuiTable-root .host div:nth-child(2) span { +.MuiTable-root .host span { font-size: var(--env-var-font-size-small); - margin-left: 10px; + margin-left: 8px; } .MuiTable-root .label { diff --git a/Client/src/Pages/Monitors/index.jsx b/Client/src/Pages/Monitors/index.jsx index 0d559da13..44fc818e8 100644 --- a/Client/src/Pages/Monitors/index.jsx +++ b/Client/src/Pages/Monitors/index.jsx @@ -10,11 +10,9 @@ import Button from "../../Components/Button"; import ServerStatus from "../../Components/Charts/Servers/ServerStatus"; import { useTheme } from "@emotion/react"; import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded"; -import OpenInNewPage from "../../assets/icons/open-in-new-page.svg?react"; import BasicTable from "../../Components/BasicTable"; import { StatusLabel } from "../../Components/Label"; import { createToast } from "../../Utils/toastUtils"; -import ResponseTimeChart from "../../Components/Charts/ResponseTimeChart"; import { Box, IconButton, @@ -207,7 +205,6 @@ ActionsMenu.propTypes = { * * @component * @param {Object} params - An object containing the following properties: - * @param {string} params.url - The URL of the host. * @param {string} params.title - The name of the host. * @param {string} params.percentageColor - The color of the percentage text. * @param {number} params.percentage - The percentage to display. @@ -215,40 +212,17 @@ ActionsMenu.propTypes = { */ const Host = ({ params }) => { return ( - - { - event.stopPropagation(); - window.open(params.url, "_blank", "noreferrer"); - }} - sx={{ - "&:focus": { - outline: "none", - }, - mr: "5px", - }} - > - - - - {params.title} - - {params.percentage}% - - + + {params.title} + + {params.percentage}% + ); }; Host.propTypes = { params: PropTypes.shape({ - url: PropTypes.string, title: PropTypes.string, percentageColor: PropTypes.string, percentage: PropTypes.number, @@ -327,7 +301,6 @@ const Monitors = () => { data.rows = monitorState.monitors.map((monitor, idx) => { const params = { - url: monitor.url, title: monitor.name, percentage: 100, percentageColor: