Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: update preview button to make use of toggle (#26822)

Browse Source
This commit is contained in:
akash-codemonk 2023-08-31 14:44:50 +05:30 committed by GitHub
parent 473e39ef5c
commit 5ce9272575
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/client/src/pages/Editor/ToggleModeButton.tsx
View File

@ -1,6 +1,6 @@
import React, { useCallback } from "react";
import { useDispatch, useSelector } from "react-redux";
import { Button, Tooltip } from "design-system";
import { Tooltip, ToggleButton } from "design-system";
import type { AppState } from "@appsmith/reducers";
import { APP_MODE } from "entities/App";
@ -40,17 +40,13 @@ function ToggleModeButton() {
isDisabled={appMode !== APP_MODE.EDIT}
placement="bottom"
>
<Button
<ToggleButton
data-testid={`${isPreviewMode ? "preview" : "edit"}-mode`}
// TODO: (Albin) - check with design team for a better UI
// isDisabled={isPreviewMode}
kind="tertiary"
icon="play-line"
isSelected={isPreviewMode}
onClick={onClickPreviewModeButton}
size="md"
startIcon="play-circle-line"
>
{createMessage(EDITOR_HEADER.previewTooltip.text)}
</Button>
/>
</Tooltip>
);
}