fix(UI-1394): adjust toast

Author: J1za

src/components/organisms/topbar/project/manualRun/manualRunButtons.tsx

@@ -23,14 +23,12 @@ export const ManualRunButtons = () => {
 	const { fetchDeployments } = useCacheStore();
 	const [savingManualRun, setSavingManualRun] = useState(false);
 
-	const { activeDeploymentStore, entrypointFunction, isManualRunEnabled, saveProjectManualRun } = useManualRunStore(
-		(state) => ({
-			activeDeploymentStore: state.projectManualRun[projectId!]?.activeDeployment,
-			entrypointFunction: state.projectManualRun[projectId!]?.entrypointFunction,
-			isManualRunEnabled: state.projectManualRun[projectId!]?.isManualRunEnabled,
-			saveProjectManualRun: state.saveAndExecuteManualRun,
-		})
-	);
+	const { entrypointFunction, isManualRunEnabled, saveProjectManualRun } = useManualRunStore((state) => ({
+		activeDeploymentStore: state.projectManualRun[projectId!]?.activeDeployment,
+		entrypointFunction: state.projectManualRun[projectId!]?.entrypointFunction,
+		isManualRunEnabled: state.projectManualRun[projectId!]?.isManualRunEnabled,
+		saveProjectManualRun: state.saveAndExecuteManualRun,
+	}));
 
 	const openManualRunSettings = useCallback(() => {
 		openDrawer(DrawerName.projectManualRunSettings);
@@ -54,13 +52,7 @@ export const ManualRunButtons = () => {
 				return;
 			}
 			addToast({
-				message: (
-					<ManualRunSuccessToastMessage
-						deploymentId={activeDeploymentStore?.deploymentId}
-						projectId={projectId}
-						sessionId={sessionId}
-					/>
-				),
+				message: <ManualRunSuccessToastMessage projectId={projectId} sessionId={sessionId} />,
 				type: "success",
 				position: "top-right",
 				offset: 35,
@@ -85,30 +77,30 @@ export const ManualRunButtons = () => {
 		<div className="relative flex h-8 gap-1.5 self-center rounded-3xl border border-gray-750 p-1 transition hover:border-white">
 			<Button
 				ariaLabel={t("ariaSettingsRun")}
-				className="group h-full whitespace-nowrap p-1 hover:bg-gray-1050 active:bg-black"
+				className="h-full p-1 group whitespace-nowrap hover:bg-gray-1050 active:bg-black"
 				disabled={!isManualRunEnabled}
 				onClick={openManualRunSettings}
 				title={t("ariaSettingsRun")}
 				variant="light"
 			>
 				<IconSvg
-					className="stroke-white transition group-hover:stroke-green-200 group-active:stroke-green-800"
+					className="transition stroke-white group-hover:stroke-green-200 group-active:stroke-green-800"
 					src={GearIcon}
 				/>
 			</Button>
 
-			<div className="w-px bg-gray-750 transition" />
+			<div className="w-px transition bg-gray-750" />
 
 			<Button
 				ariaLabel={t("manual")}
-				className="group h-full gap-2 whitespace-nowrap hover:bg-gray-1050 active:bg-black"
+				className="h-full gap-2 group whitespace-nowrap hover:bg-gray-1050 active:bg-black"
 				disabled={isRunDisabled}
 				id="tourManualRunButton"
 				onClick={startManualRun}
 				variant="light"
 			>
 				<IconSvg
-					className="stroke-white transition group-hover:stroke-green-200 group-active:stroke-green-800"
+					className="transition stroke-white group-hover:stroke-green-200 group-active:stroke-green-800"
 					src={!savingManualRun ? RunIcon : Spinner}
 				/>
 

src/components/organisms/topbar/project/manualRun/manualRunSuccessToastMessage.tsx

@@ -5,23 +5,15 @@ import { useNavigate } from "react-router-dom";
 
 import { FileArrowRightIcon } from "@assets/image/icons";
 
-export const ManualRunSuccessToastMessage = ({
-	deploymentId,
-	projectId,
-	sessionId,
-}: {
-	deploymentId?: string;
-	projectId?: string;
-	sessionId?: string;
-}) => {
+export const ManualRunSuccessToastMessage = ({ projectId, sessionId }: { projectId?: string; sessionId?: string }) => {
 	const { t } = useTranslation("deployments", { keyPrefix: "history.manualRun" });
 	const navigate = useNavigate();
 
 	return (
 		<button
 			aria-label={t("executionSucceed")}
-			className="cursor-pointer px-4 py-3"
-			onClick={() => navigate(`/projects/${projectId}/deployments/${deploymentId}/sessions/${sessionId}`)}
+			className="px-4 py-3 cursor-pointer"
+			onClick={() => navigate(`/projects/${projectId}/sessions/${sessionId}`)}
 		>
 			<div className="flex flex-col">
 				<span className="font-semibold text-green-800">{t("executionSucceed")}</span>