feat: make text selectable in PatchHelper (#188)
* feat: make text selectable in PatchHelper * real div moment
This commit is contained in:
parent
65620f4976
commit
0cb24cad7e
1 changed files with 4 additions and 4 deletions
|
@ -85,8 +85,8 @@ function ReplacementComponent({ module, match, replacement, setReplacementError
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{Parser.parse(fullMatch)}
|
<div style={{ userSelect: "text" }}>{Parser.parse(fullMatch)}</div>
|
||||||
{Parser.parse(groups)}
|
<div style={{ userSelect: "text" }}>{Parser.parse(groups)}</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -94,7 +94,7 @@ function ReplacementComponent({ module, match, replacement, setReplacementError
|
||||||
function renderDiff() {
|
function renderDiff() {
|
||||||
return diff?.map(p => {
|
return diff?.map(p => {
|
||||||
const color = p.added ? "lime" : p.removed ? "red" : "grey";
|
const color = p.added ? "lime" : p.removed ? "red" : "grey";
|
||||||
return <span style={{ color }}>{p.value}</span>;
|
return <div style={{ color, userSelect: "text" }}>{p.value}</div>;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -284,7 +284,7 @@ function PatchHelper() {
|
||||||
{!!(find && match && replacement) && (
|
{!!(find && match && replacement) && (
|
||||||
<>
|
<>
|
||||||
<Forms.FormTitle className={Margins.marginTop20}>Code</Forms.FormTitle>
|
<Forms.FormTitle className={Margins.marginTop20}>Code</Forms.FormTitle>
|
||||||
{Parser.parse(makeCodeblock(code, "ts"))}
|
<div style={{ userSelect: "text" }}>{Parser.parse(makeCodeblock(code, "ts"))}</div>
|
||||||
<Button onClick={() => Clipboard.copy(code)}>Copy to Clipboard</Button>
|
<Button onClick={() => Clipboard.copy(code)}>Copy to Clipboard</Button>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
Loading…
Reference in a new issue