diff --git a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PreviewMode_spec.js b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PreviewMode_spec.js index fc82ad75e1..4d6b64fe5b 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PreviewMode_spec.js +++ b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PreviewMode_spec.js @@ -4,7 +4,7 @@ const commonlocators = require("../../../../locators/commonlocators.json"); const publishPage = require("../../../../locators/publishWidgetspage.json"); import * as _ from "../../../../support/Objects/ObjectsCore"; -describe("Preview mode functionality", function () { +describe("Preview mode functionality", { tags: ["@tag.IDE"] }, function () { before(() => { _.agHelper.AddDsl("previewMode"); }); diff --git a/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx b/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx index 59561c5e3b..cf0b91bf18 100644 --- a/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx +++ b/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx @@ -47,6 +47,7 @@ import { showDebuggerFlag } from "selectors/debuggerSelectors"; import { getIsFirstTimeUserOnboardingEnabled } from "selectors/onboardingSelectors"; import WalkthroughContext from "components/featureWalkthrough/walkthroughContext"; import { protectedModeSelector } from "selectors/gitSyncSelectors"; +import { setPreviewModeInitAction } from "actions/editorActions"; interface Props { copySelectedWidget: () => void; @@ -71,6 +72,7 @@ interface Props { appMode?: APP_MODE; isPreviewMode: boolean; isProtectedMode: boolean; + setPreviewModeInitAction: (shouldSet: boolean) => void; isSignpostingEnabled: boolean; showCommitModal: () => void; getMousePosition: () => { x: number; y: number }; @@ -327,6 +329,14 @@ class GlobalHotKeys extends React.Component { preventDefault stopPropagation /> + { + this.props.setPreviewModeInitAction(!this.props.isPreviewMode); + }} + /> { }), ), hideInstaller: () => dispatch(toggleInstaller(false)), + setPreviewModeInitAction: (shouldSet: boolean) => + dispatch(setPreviewModeInitAction(shouldSet)), }; }; diff --git a/app/client/src/pages/Editor/ToggleModeButton.tsx b/app/client/src/pages/Editor/ToggleModeButton.tsx index 8796e9e0da..ee882fa4db 100644 --- a/app/client/src/pages/Editor/ToggleModeButton.tsx +++ b/app/client/src/pages/Editor/ToggleModeButton.tsx @@ -10,6 +10,7 @@ import { setPreviewModeInitAction } from "actions/editorActions"; import { previewModeSelector } from "selectors/editorSelectors"; import { createMessage, EDITOR_HEADER } from "@appsmith/constants/messages"; +import { altText } from "../../utils/helpers"; function ToggleModeButton() { const dispatch = useDispatch(); @@ -31,7 +32,9 @@ function ToggleModeButton() { <> {createMessage(EDITOR_HEADER.previewTooltip.text)} - {createMessage(EDITOR_HEADER.previewTooltip.shortcut)} + {`${altText()} ${createMessage( + EDITOR_HEADER.previewTooltip.shortcut, + )}`} }