diff --git a/apps/web/ce/components/instance/maintenance-message.tsx b/apps/web/ce/components/instance/maintenance-message.tsx index 1f7efa79f..067c95f5e 100644 --- a/apps/web/ce/components/instance/maintenance-message.tsx +++ b/apps/web/ce/components/instance/maintenance-message.tsx @@ -1,17 +1,37 @@ -import { observer } from "mobx-react"; -import { useTranslation } from "@plane/i18n"; - -export const MaintenanceMessage = observer(() => { - // hooks - const { t } = useTranslation(); +export const MaintenanceMessage = () => { + const linkMap = [ + { + key: "mail_to", + label: "Contact Support", + value: "mailto:support@plane.so", + }, + ]; return ( -

- {t( - "self_hosted_maintenance_message.plane_didnt_start_up_this_could_be_because_one_or_more_plane_services_failed_to_start" - )} -
- {t("self_hosted_maintenance_message.choose_view_logs_from_setup_sh_and_docker_logs_to_be_sure")} -

+ <> +
+

+ 🚧 Looks like Plane didn't start up correctly! +

+ + Some services might have failed to start. Please check your container logs to identify and resolve the issue. + If you're stuck, reach out to our support team for more help. + +
+
+ {linkMap.map((link) => ( +
+ + {link.label} + +
+ ))} +
+ ); -}); +}; diff --git a/apps/web/core/components/instance/maintenance-view.tsx b/apps/web/core/components/instance/maintenance-view.tsx index 8dd4c34e7..2fdc7f635 100644 --- a/apps/web/core/components/instance/maintenance-view.tsx +++ b/apps/web/core/components/instance/maintenance-view.tsx @@ -2,33 +2,36 @@ import { FC } from "react"; import Image from "next/image"; -// ui -import { Button } from "@plane/ui"; +import { useTheme } from "next-themes"; // layouts import DefaultLayout from "@/layouts/default-layout"; // components import { MaintenanceMessage } from "@/plane-web/components/instance"; // images -import maintenanceModeImage from "@/public/maintenance-mode.webp"; +import maintenanceModeDarkModeImage from "@/public/instance/maintenance-mode-dark.svg"; +import maintenanceModeLightModeImage from "@/public/instance/maintenance-mode-light.svg"; -export const MaintenanceView: FC = () => ( - -
-
- ProjectSettingImg +export const MaintenanceView: FC = () => { + // hooks + const { resolvedTheme } = useTheme(); + // derived values + const maintenanceModeImage = resolvedTheme === "dark" ? maintenanceModeDarkModeImage : maintenanceModeLightModeImage; + return ( + +
+
+ ProjectSettingImg +
+
+ +
-
- - -
-
- -); + + ); +}; diff --git a/apps/web/ee/components/instance/maintenance-message.tsx b/apps/web/ee/components/instance/maintenance-message.tsx index 0c55a8c2d..314e06454 100644 --- a/apps/web/ee/components/instance/maintenance-message.tsx +++ b/apps/web/ee/components/instance/maintenance-message.tsx @@ -1 +1 @@ -export const MaintenanceMessage = () => <>; +export * from "ce/components/instance/maintenance-message"; diff --git a/apps/web/public/instance/maintenance-mode-dark.svg b/apps/web/public/instance/maintenance-mode-dark.svg new file mode 100644 index 000000000..546125ff9 --- /dev/null +++ b/apps/web/public/instance/maintenance-mode-dark.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/instance/maintenance-mode-light.svg b/apps/web/public/instance/maintenance-mode-light.svg new file mode 100644 index 000000000..6cd8bab40 --- /dev/null +++ b/apps/web/public/instance/maintenance-mode-light.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/maintenance-mode.webp b/apps/web/public/maintenance-mode.webp deleted file mode 100644 index 98ba4ba67..000000000 Binary files a/apps/web/public/maintenance-mode.webp and /dev/null differ