+ {' '}
+
}
+ showIcon
+ closable={true}
+ onClose={onClose}
+ type={'error'}
+ action={
+ <>
+ {getOrderableServiceDetails.isSuccess ? (
+
+ ) : (
+ <>>
+ )}
+ >
+ }
+ />{' '}
+
+ );
+ }
+
+ if (getRestartServiceDetailsQuery.isError) {
+ if (
+ getRestartServiceDetailsQuery.error instanceof ApiError &&
+ 'details' in getRestartServiceDetailsQuery.error.body
+ ) {
+ const response: Response = getRestartServiceDetailsQuery.error.body as Response;
+ return (
+
+ {' '}
+
+ }
+ showIcon
+ closable={true}
+ onClose={onClose}
+ type={'error'}
+ action={
+ <>
+ {getOrderableServiceDetails.isSuccess ? (
+
+ ) : (
+ <>>
+ )}
+ >
+ }
+ />{' '}
+
+ );
+ }
+ }
+
+ if (
+ getRestartServiceDetailsQuery.isSuccess &&
+ getRestartServiceDetailsQuery.data.latestRunningManagementTask &&
+ getRestartServiceDetailsQuery.data.latestRunningManagementTask.taskId === serviceStateRestartQuery.data
+ ) {
+ if (
+ getRestartServiceDetailsQuery.data.latestRunningManagementTask.taskStatus.toString() ===
+ ServiceStateManagementTaskDetails.taskStatus.SUCCESSFUL.toString()
+ ) {
+ return (
+
+ {' '}
+
+ }
+ showIcon
+ closable={true}
+ onClose={onClose}
+ type={'error'}
+ action={
+ <>
+ {getOrderableServiceDetails.isSuccess ? (
+
+ ) : (
+ <>>
+ )}
+ >
+ }
+ />{' '}
+
+ );
+ } else if (
+ getRestartServiceDetailsQuery.data.latestRunningManagementTask.taskStatus.toString() ===
+ ServiceStateManagementTaskDetails.taskStatus.IN_PROGRESS.toString()
+ ) {
+ deployedService.serviceState = DeployedService.serviceState.RESTARTING;
+ }
+ }
+ return <>>;
+}
+
+export default RestartServiceStatusAlert;
diff --git a/src/components/content/deployedServices/myServices/query/useServiceStateRestartQuery.ts b/src/components/content/order/serviceState/restart/useServiceStateRestartQuery.ts
similarity index 100%
rename from src/components/content/deployedServices/myServices/query/useServiceStateRestartQuery.ts
rename to src/components/content/order/serviceState/restart/useServiceStateRestartQuery.ts
diff --git a/src/components/content/order/serviceState/start/StartServiceStatusAlert.tsx b/src/components/content/order/serviceState/start/StartServiceStatusAlert.tsx
new file mode 100644
index 000000000..94cc643cb
--- /dev/null
+++ b/src/components/content/order/serviceState/start/StartServiceStatusAlert.tsx
@@ -0,0 +1,204 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ * SPDX-FileCopyrightText: Huawei Inc.
+ */
+
+import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
+import { Alert } from 'antd';
+import React from 'react';
+import submitAlertStyles from '../../../../../styles/submit-alert.module.css';
+import {
+ ApiError,
+ DeployedService,
+ Response,
+ ServiceStateManagementTaskDetails,
+ VendorHostedDeployedServiceDetails,
+} from '../../../../../xpanse-api/generated';
+import { ContactDetailsShowType } from '../../../common/ocl/ContactDetailsShowType';
+import { ContactDetailsText } from '../../../common/ocl/ContactDetailsText';
+import useGetOrderableServiceDetailsQuery from '../../../deployedServices/myServices/query/useGetOrderableServiceDetailsQuery';
+import OrderSubmitResultDetails from '../../orderStatus/OrderSubmitResultDetails';
+
+function StartServiceStatusAlert({
+ deployedService,
+ serviceStateStartQuery,
+
+ closeStartResultAlert,
+ getStartServiceDetailsQuery,
+}: {
+ deployedService: DeployedService;
+ serviceStateStartQuery: UseMutationResult