hotfix: [M3-10688] - Add ability to enter migration queue (#13016)

* hotfix: [M3-10688] - Add ability to enter migration queue

* Bump version and changelog

---------

Co-authored-by: Jaalah Ramos <[email protected]>

Author: jaalah-akamai

packages/manager/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [2025-10-24] - v1.153.2
+
+### Fixed:
+
+- Add self-service maintenance action in LinodeMaintenanceBanner for power_off_on and include all maintenance types in dev tools preset. ([#13016](https://github.com/linode/manager/pull/13016))
 
 ## [2025-10-22] - v1.153.1
 

packages/manager/package.json

@@ -2,7 +2,7 @@
   "name": "linode-manager",
   "author": "Linode",
   "description": "The Linode Manager website",
-  "version": "1.153.1",
+  "version": "1.153.2",
   "private": true,
   "type": "module",
   "bugs": {

packages/manager/src/components/MaintenanceBanner/LinodeMaintenanceBanner.tsx

@@ -1,10 +1,14 @@
+import { scheduleOrQueueMigration } from '@linode/api-v4/lib/linodes';
 import { useAllAccountMaintenanceQuery } from '@linode/queries';
-import { Notice, Typography } from '@linode/ui';
+import { ActionsPanel, LinkButton, Notice, Typography } from '@linode/ui';
+import { useDialog } from '@linode/utilities';
+import { useSnackbar } from 'notistack';
 import React from 'react';
 
 import { PENDING_MAINTENANCE_FILTER } from 'src/features/Account/Maintenance/utilities';
 import { isPlatformMaintenance } from 'src/hooks/usePlatformMaintenance';
 
+import { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog';
 import { DateTimeDisplay } from '../DateTimeDisplay';
 import { Link } from '../Link';
 
@@ -13,6 +17,7 @@ interface Props {
 }
 
 export const LinodeMaintenanceBanner = ({ linodeId }: Props) => {
+  const { enqueueSnackbar } = useSnackbar();
   const { data: allMaintenance } = useAllAccountMaintenanceQuery(
     {},
     PENDING_MAINTENANCE_FILTER,
@@ -31,45 +36,118 @@ export const LinodeMaintenanceBanner = ({ linodeId }: Props) => {
   const maintenanceStartTime =
     linodeMaintenance?.start_time || linodeMaintenance?.when;
 
+  const { closeDialog, dialog, handleError, openDialog, submitDialog } =
+    useDialog<number>((id: number) => scheduleOrQueueMigration(id));
+
+  const isScheduled = Boolean(maintenanceStartTime);
+
+  const actionLabel = isScheduled
+    ? 'enter the migration queue'
+    : 'schedule your migration';
+  const showMigrateAction =
+    linodeId !== undefined && linodeMaintenance?.type === 'power_off_on';
+
+  const onSubmit = () => {
+    if (!linodeId) {
+      return;
+    }
+    submitDialog(linodeId)
+      .then(() => {
+        const successMessage = isScheduled
+          ? 'Your Linode has been entered into the migration queue.'
+          : 'Your migration has been scheduled.';
+        enqueueSnackbar(successMessage, { variant: 'success' });
+      })
+      .catch(() => {
+        const errorMessage = isScheduled
+          ? 'An error occurred entering the migration queue.'
+          : 'An error occurred scheduling your migration.';
+        handleError(errorMessage);
+      });
+  };
+
+  const actions = () => (
+    <ActionsPanel
+      primaryButtonProps={{
+        label: actionLabel,
+        loading: dialog.isLoading,
+        onClick: onSubmit,
+      }}
+      secondaryButtonProps={{
+        'data-testid': 'cancel',
+        label: 'Cancel',
+        onClick: closeDialog,
+      }}
+    />
+  );
+
   if (!linodeMaintenance) return null;
 
   return (
-    <Notice data-qa-maintenance-banner="true" variant="warning">
-      <Typography>
-        Linode {linodeMaintenance.entity.label} {linodeMaintenance.description}{' '}
-        maintenance {maintenanceTypeLabel} will begin{' '}
-        <strong>
-          {maintenanceStartTime ? (
+    <>
+      <Notice data-qa-maintenance-banner="true" variant="warning">
+        <Typography>
+          Linode {linodeMaintenance.entity.label}{' '}
+          {linodeMaintenance.description} maintenance {maintenanceTypeLabel}{' '}
+          will begin{' '}
+          <strong>
+            {maintenanceStartTime ? (
+              <>
+                <DateTimeDisplay
+                  format="MM/dd/yyyy"
+                  sx={(theme) => ({
+                    font: theme.font.bold,
+                  })}
+                  value={maintenanceStartTime}
+                />{' '}
+                at{' '}
+                <DateTimeDisplay
+                  format="HH:mm"
+                  sx={(theme) => ({
+                    font: theme.font.bold,
+                  })}
+                  value={maintenanceStartTime}
+                />
+              </>
+            ) : (
+              'soon'
+            )}
+          </strong>
+          . For more details, view{' '}
+          <Link
+            pendoId="linode-maintenance-banner-link"
+            to="/account/maintenance"
+          >
+            Account Maintenance
+          </Link>
+          {showMigrateAction ? (
             <>
-              <DateTimeDisplay
-                format="MM/dd/yyyy"
-                sx={(theme) => ({
-                  font: theme.font.bold,
-                })}
-                value={maintenanceStartTime}
-              />{' '}
-              at{' '}
-              <DateTimeDisplay
-                format="HH:mm"
-                sx={(theme) => ({
-                  font: theme.font.bold,
-                })}
-                value={maintenanceStartTime}
-              />
+              {' or '}
+              <LinkButton onClick={() => openDialog(linodeId)}>
+                {actionLabel}
+              </LinkButton>
+              {' now.'}
             </>
           ) : (
-            'soon'
+            '.'
           )}
-        </strong>
-        . For more details, view{' '}
-        <Link
-          pendoId="linode-maintenance-banner-link"
-          to="/account/maintenance"
-        >
-          Account Maintenance
-        </Link>
-        .
-      </Typography>
-    </Notice>
+        </Typography>
+      </Notice>
+      <ConfirmationDialog
+        actions={actions}
+        error={dialog.error}
+        onClose={() => closeDialog()}
+        open={dialog.isOpen}
+        title="Confirm Migration"
+      >
+        <Typography variant="subtitle1">
+          Are you sure you want to{' '}
+          {isScheduled
+            ? 'enter the migration queue now'
+            : 'schedule your migration now'}
+          ?
+        </Typography>
+      </ConfirmationDialog>
+    </>
   );
 };

packages/manager/src/dev-tools/components/ExtraPresetMaintenance.tsx

@@ -109,6 +109,9 @@ const renderMaintenanceFields = (
       <option value="reboot">Reboot</option>
       <option value="cold_migration">Cold Migration</option>
       <option value="live_migration">Live Migration</option>
+      <option value="migrate">Migrate</option>
+      <option value="power_off_on">Power Off / On</option>
+      <option value="volume_migration">Volume Migration</option>
     </select>
   </label>,