diff --git a/README.md b/README.md index c9c9073ad..7f7f0520d 100644 --- a/README.md +++ b/README.md @@ -50,7 +50,7 @@ Usage instructions can be found [here](https://docs.checkmate.so/checkmate-2.1). ## 🛠️ Installation -See installation instructions in [Checkmate documentation portal](https://docs.checkmate.so/checkmate-2.1/users-guide/quickstart). Alternatively, you can also use [Coolify](https://coolify.io/) or [Elestio](https://elest.io/open-source/checkmate) for a one-click Docker deployment. If you would like to monitor your server infrastructure, you'll need [Capture agent](https://github.com/bluewave-labs/capture). Capture repository also contains the installation instructions. +See installation instructions in [Checkmate documentation portal](https://docs.checkmate.so/checkmate-2.1/users-guide/quickstart). Alternatively, you can also use [Coolify](https://coolify.io/), [Elestio](https://elest.io/open-source/checkmate) or [Pikapods](https://www.pikapods.com/) to quickly spin off a Checkmate instance. If you would like to monitor your server infrastructure, you'll need [Capture agent](https://github.com/bluewave-labs/capture). Capture repository also contains the installation instructions. ## 🏁 Translations diff --git a/client/src/Components/MonitorDetailsControlHeader/index.jsx b/client/src/Components/MonitorDetailsControlHeader/index.jsx index 1d253e3d5..4674a1fb7 100644 --- a/client/src/Components/MonitorDetailsControlHeader/index.jsx +++ b/client/src/Components/MonitorDetailsControlHeader/index.jsx @@ -2,6 +2,7 @@ import Stack from "@mui/material/Stack"; import Status from "./status"; import Skeleton from "./skeleton"; import Button from "@mui/material/Button"; +import { Tooltip } from "@mui/material"; import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined"; import PauseOutlinedIcon from "@mui/icons-material/PauseOutlined"; import PlayArrowOutlinedIcon from "@mui/icons-material/PlayArrowOutlined"; @@ -40,6 +41,10 @@ const MonitorDetailsControlHeader = ({ const { t } = useTranslation(); const [pauseMonitor, isPausing, error] = usePauseMonitor(); + const isTestNotificationsDisabled = monitor?.notifications?.length === 0; + + const tooltipTitle = isTestNotificationsDisabled ? t("testNotificationsDisabled") : ""; + // const [isSending, emailError, sendTestEmail] = useSendTestEmail(); const [testAllNotifications, isSending, errorAllNotifications] = @@ -60,20 +65,29 @@ const MonitorDetailsControlHeader = ({ direction="row" gap={theme.spacing(2)} > - + + + + + setIsDeleteOpen(false)} + open={isDeleteOpen} + confirmationButtonLabel={t("deleteStatusPageConfirm")} + description={t("deleteStatusPageDescription")} + isLoading={isDeleting || statusPageIsLoading} + /> + + )} { removeLogo={removeLogo} tab={tab} setTab={setTab} - TAB_LIST={TAB_LIST} + TAB_LIST={[ + t("statusPage.generalSettings", "General settings"), + t("statusPage.contents", "Contents"), + ]} isCreate={isCreate} + handleDelete={handleDelete} + isDeleteOpen={isDeleteOpen} + setIsDeleteOpen={setIsDeleteOpen} + isDeleting={isDeleting} + isLoading={statusPageIsLoading} /> { +const Controls = ({ url, type }) => { const theme = useTheme(); const { t } = useTranslation(); const location = useLocation(); @@ -27,16 +27,6 @@ const Controls = ({ isDeleteOpen, setIsDeleteOpen, isDeleting, url, type }) => { direction="row" gap={theme.spacing(2)} > - - -