[dashboard] Adjusted copy incl. default notification message

Author: geropl

components/dashboard/src/org-admin/AdminPage.tsx

@@ -32,10 +32,7 @@ const AdminPage: React.FC = () => {
 
     return (
         <div className="flex flex-col w-full">
-            <Header
-                title="Organization Administration"
-                subtitle="Manage your organization's infrastructure and settings."
-            />
+            <Header title="Organization Administration" subtitle="Manage Infrastructure Rollouts." />
             <div className="app-container py-6">
                 <h2 className="text-2xl font-semibold text-pk-content-primary mb-4">Infrastructure Rollout</h2>
 

components/dashboard/src/org-admin/MaintenanceNotificationBanner.tsx

@@ -8,6 +8,7 @@ import { FC } from "react";
 import Alert from "../components/Alert";
 import { useMaintenanceNotification } from "../data/maintenande-mode/maintenance-notification-query";
 import { useMaintenanceMode } from "../data/maintenande-mode/maintenance-mode-query";
+import { DEFAULT_MESSAGE } from "./MaintenanceNotificationCard";
 
 export const MaintenanceNotificationBanner: FC = () => {
     const { isNotificationEnabled, notificationMessage } = useMaintenanceNotification();
@@ -19,8 +20,7 @@ export const MaintenanceNotificationBanner: FC = () => {
         return null;
     }
 
-    const defaultMessage = "Maintenance is scheduled for this system. Please save your work.";
-    const displayMessage = notificationMessage || defaultMessage;
+    const displayMessage = notificationMessage || DEFAULT_MESSAGE;
 
     return (
         <Alert type="warning" className="mb-2">

components/dashboard/src/org-admin/MaintenanceNotificationCard.tsx

@@ -13,16 +13,19 @@ import Alert from "../components/Alert";
 import { ConfigurationSettingsField } from "../repositories/detail/ConfigurationSettingsField";
 import { Heading3 } from "@podkit/typography/Headings";
 
+export const DEFAULT_MESSAGE =
+    "On XX-YY-ZZZZ from HH:MM to HH:MM UTC. Workspaces will be stopped and cannot be started during this time.";
+
 export const MaintenanceNotificationCard: FC = () => {
     const { isNotificationEnabled, notificationMessage, isLoading } = useMaintenanceNotification();
     const setMaintenanceNotificationMutation = useSetMaintenanceNotificationMutation();
-    const [message, setMessage] = useState(notificationMessage);
+    const [message, setMessage] = useState(notificationMessage || DEFAULT_MESSAGE);
     const [isEditing, setIsEditing] = useState(false);
     const toast = useToast();
 
     // Update local state when the data from the API changes
     useEffect(() => {
-        setMessage(notificationMessage);
+        setMessage(notificationMessage || DEFAULT_MESSAGE);
     }, [notificationMessage]);
 
     const toggleNotification = async () => {
@@ -104,7 +107,7 @@ export const MaintenanceNotificationCard: FC = () => {
                             <Button
                                 variant="secondary"
                                 onClick={() => {
-                                    setMessage(notificationMessage);
+                                    setMessage(notificationMessage || DEFAULT_MESSAGE);
                                     setIsEditing(false);
                                 }}
                             >
@@ -116,11 +119,7 @@ export const MaintenanceNotificationCard: FC = () => {
                 ) : (
                     <div>
                         <div className="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-gray-700 dark:text-gray-300 min-h-[4rem]">
-                            {message || (
-                                <span className="text-gray-400 dark:text-gray-500 italic">
-                                    Default message will be used
-                                </span>
-                            )}
+                            {message}
                         </div>
                         <div className="mt-2 flex justify-end">
                             <Button variant="secondary" onClick={() => setIsEditing(true)}>
@@ -136,9 +135,7 @@ export const MaintenanceNotificationCard: FC = () => {
                 <Alert type="warning" className="mb-0">
                     <div className="flex items-center">
                         <span className="font-semibold">Scheduled Maintenance:</span>
-                        <span className="ml-2">
-                            {message || "Maintenance is scheduled for this system. Please save your work."}
-                        </span>
+                        <span className="ml-2">{message}</span>
                     </div>
                 </Alert>
             </div>