diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_showAlert_multiline_message_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_showAlert_multiline_message_spec.ts deleted file mode 100644 index 25f872bd31ad..000000000000 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_showAlert_multiline_message_spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { - draggableWidgets, - entityExplorer, - propPane, - agHelper, -} from "../../../../../support/Objects/ObjectsCore"; - -describe( - "Tests for showAlert message with newline characters in the alert message", - { tags: ["@tag.Widget", "@tag.Button"] }, - () => { - before("Login to the app and navigate to the workspace", function () { - entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON); - }); - - it("Verify showAlert message renders correctly with newline characters", () => { - propPane.EnterJSContext("onClick", "showAlert(`sai\n\nprabhu`)"); - agHelper.ClickButton("Submit"); - cy.get(".Toastify", { timeout: 1000 }).should( - "have.text", - "sai\n\nprabhu", - ); - }); - }, -); diff --git a/app/client/packages/design-system/ads/src/Toast/Toast.styles.tsx b/app/client/packages/design-system/ads/src/Toast/Toast.styles.tsx index 9ae7c80464d0..f27906c4b89e 100644 --- a/app/client/packages/design-system/ads/src/Toast/Toast.styles.tsx +++ b/app/client/packages/design-system/ads/src/Toast/Toast.styles.tsx @@ -63,7 +63,3 @@ export const ToastBody = styled(Text)` export const StyledButton = styled(Button)` align-self: center; `; - -export const StyledPre = styled.pre` - font: inherit; -`; diff --git a/app/client/packages/design-system/ads/src/Toast/Toast.tsx b/app/client/packages/design-system/ads/src/Toast/Toast.tsx index fd376895d4cd..26326aa9a4b6 100644 --- a/app/client/packages/design-system/ads/src/Toast/Toast.tsx +++ b/app/client/packages/design-system/ads/src/Toast/Toast.tsx @@ -4,12 +4,7 @@ import { Slide, toast as toastifyToast } from "react-toastify"; import "react-toastify/dist/ReactToastify.min.css"; import type { ToastProps } from "./Toast.types"; -import { - StyledButton, - StyledPre, - StyledToast, - ToastBody, -} from "./Toast.styles"; +import { StyledButton, StyledToast, ToastBody } from "./Toast.styles"; import { getIconByKind } from "../Icon/getIconByKind"; /** @@ -45,7 +40,7 @@ const toast = { return toastifyToast( - {content} + {content} {actionText && (