Fascinated/Vencord
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: make text selectable in PatchHelper (#188)

Browse Source 
* feat: make text selectable in PatchHelper

* real div moment
This commit is contained in:
megumin 2022-11-05 09:02:29 +00:00 committed by GitHub
parent 65620f4976
commit 0cb24cad7e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/PatchHelper.tsx
View File

@ -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>
</> </>
)} )}