GlcoinCore/squeaknode
1
0
Fork 0
mirror of https://github.com/yzernik/squeaknode.git synced 2026-08-18 13:09:08 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Allow paste text in make squeak component (#1974)

Browse source
This commit is contained in:
Jonathan Zernik 2022-02-28 19:33:03 -08:00 • committed by GitHub
parent 0644413e27
commit 5d0144c0a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/MakeSqueak/index.js
View file

@ -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">