editor: hide replace button in readonly mode

This commit is contained in:
Abdullah Atta
2023-06-01 21:10:16 +05:00
committed by Abdullah Atta
parent 50ff39845a
commit 0a88502e59

View File

@@ -203,15 +203,17 @@ export function SearchReplacePopup(props: SearchReplacePopupProps) {
</Flex> </Flex>
<Flex sx={{ flexDirection: "column" }}> <Flex sx={{ flexDirection: "column" }}>
<Flex sx={{ alignItems: "center", height: "33.2px" }}> <Flex sx={{ alignItems: "center", height: "33.2px" }}>
<ToolButton {editor.isEditable && (
toggled={isReplacing} <ToolButton
title="Toggle replace" toggled={isReplacing}
id="toggleReplace" title="Toggle replace"
icon="replace" id="toggleReplace"
onClick={() => setIsReplacing((s) => !s)} icon="replace"
sx={{ mr: 0 }} onClick={() => setIsReplacing((s) => !s)}
iconSize={"big"} sx={{ mr: 0 }}
/> iconSize={"big"}
/>
)}
<ToolButton <ToolButton
toggled={false} toggled={false}
title="Previous match" title="Previous match"