From 0cb24cad7ea6e71e161f0fca36ba38a4049ab59b Mon Sep 17 00:00:00 2001
From: megumin <megumin.bakaretsurie@gmail.com>
Date: Sat, 5 Nov 2022 09:02:29 +0000
Subject: [PATCH] feat: make text selectable in PatchHelper (#188)

* feat: make text selectable in PatchHelper

* real div moment
---
 src/components/PatchHelper.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/PatchHelper.tsx b/src/components/PatchHelper.tsx
index 6ce093fd..f32201a4 100644
--- a/src/components/PatchHelper.tsx
+++ b/src/components/PatchHelper.tsx
@@ -85,8 +85,8 @@ function ReplacementComponent({ module, match, replacement, setReplacementError
 
         return (
             <>
-                {Parser.parse(fullMatch)}
-                {Parser.parse(groups)}
+                <div style={{ userSelect: "text" }}>{Parser.parse(fullMatch)}</div>
+                <div style={{ userSelect: "text" }}>{Parser.parse(groups)}</div>
             </>
         );
     }
@@ -94,7 +94,7 @@ function ReplacementComponent({ module, match, replacement, setReplacementError
     function renderDiff() {
         return diff?.map(p => {
             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) && (
                 <>
                     <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>
                 </>
             )}