From 5d0144c0a765ae0c09d2636dafac1753de5ffcdd Mon Sep 17 00:00:00 2001
From: Jonathan Zernik <yzernik@gmail.com>
Date: Mon, 28 Feb 2022 19:33:03 -0800
Subject: [PATCH] Allow paste text in make squeak component (#1974)

---
 frontend/src/components/MakeSqueak/index.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/MakeSqueak/index.js b/frontend/src/components/MakeSqueak/index.js
index f319abfa..36706c52 100644
--- a/frontend/src/components/MakeSqueak/index.js
+++ b/frontend/src/components/MakeSqueak/index.js
@@ -42,6 +42,12 @@ const MakeSqueak = (props) => {
       setSigningProfile(e.value);
     }
 
+    const pastePlainText = (e) => {
+      e.preventDefault();
+      var text = e.clipboardData.getData('text/plain');
+      document.execCommand('insertText', false, text);
+    }
+
     const submitSqueak = () => {
         // TODO: toggle modal off here.
 
@@ -52,8 +58,6 @@ const MakeSqueak = (props) => {
 
         if (!squeakText.length) { return }
 
-        let hashtags = squeakText.match(/#(\w+)/g)
-
         const values = {
             signingProfile: signingProfile.getProfileId(),
             description: squeakText,
@@ -124,7 +128,7 @@ const MakeSqueak = (props) => {
                         <Select options={optionsFromProfiles(signingProfiles)} onChange={handleChangeSigningProfile} />
                     </div>
                     <div className="inner-input-box">
-                        <ContentEditable onPaste={(e) => e.preventDefault()} id="squeak-box" className={squeakText.length ? 'squeak-input-active' : null} onKeyDown={(e)=>squeakT.current.length>279 ? e.keyCode !== 8 && e.preventDefault(): null} placeholder="What's happening?" html={squeakT.current} onChange={(e) => handleChange(e)} />
+                        <ContentEditable onPaste={(e) => pastePlainText(e)} id="squeak-box" className={squeakText.length ? 'squeak-input-active' : null} onKeyDown={(e)=>squeakT.current.length>279 ? e.keyCode !== 8 && e.preventDefault(): null} placeholder="What's happening?" html={squeakT.current} onChange={(e) => handleChange(e)} />
                     </div>
                     <div className="inner-input-links">
                         <div className="input-links-side">