open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert "Disable enter to submit on mobile group chat"

Browse Source 
This reverts commit b3f4c2f009.
This commit is contained in:
Ian Philips 2022-07-13 08:44:27 -06:00
parent b3f4c2f009
commit e3f7f0efda
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/feed/feed-comments.tsx
View File

@ -31,7 +31,6 @@ import { track } from 'web/lib/service/analytics'
import { useEvent } from 'web/hooks/use-event' import { useEvent } from 'web/hooks/use-event'
import { Tipper } from '../tipper' import { Tipper } from '../tipper'
import { CommentTipMap, CommentTips } from 'web/hooks/use-tip-txns' import { CommentTipMap, CommentTips } from 'web/hooks/use-tip-txns'
import useMediaQuery from 'react-query/types/devtools/useMediaQuery'
export function FeedCommentThread(props: { export function FeedCommentThread(props: {
contract: Contract contract: Contract
@ -473,7 +472,7 @@ export function CommentInputTextArea(props: {
isSubmitting: boolean isSubmitting: boolean
setRef?: (ref: HTMLTextAreaElement) => void setRef?: (ref: HTMLTextAreaElement) => void
presetId?: string presetId?: string
enterToSubmitOnDesktop?: boolean enterToSubmit?: boolean
}) { }) {
const { const {
isReply, isReply,
@ -485,9 +484,9 @@ export function CommentInputTextArea(props: {
presetId, presetId,
isSubmitting, isSubmitting,
replyToUsername, replyToUsername,
enterToSubmitOnDesktop, enterToSubmit,
} = props } = props
const isMobile = innerWidth < 768
const memoizedSetComment = useEvent(setComment) const memoizedSetComment = useEvent(setComment)
useEffect(() => { useEffect(() => {
if (!replyToUsername || !user || replyToUsername === user.username) return if (!replyToUsername || !user || replyToUsername === user.username) return
@ -508,7 +507,7 @@ export function CommentInputTextArea(props: {
placeholder={ placeholder={
isReply isReply
? 'Write a reply... ' ? 'Write a reply... '
: enterToSubmitOnDesktop : enterToSubmit
? 'Send a message' ? 'Send a message'
: 'Write a comment...' : 'Write a comment...'
} }
@ -517,10 +516,7 @@ export function CommentInputTextArea(props: {
disabled={isSubmitting} disabled={isSubmitting}
onKeyDown={(e) => { onKeyDown={(e) => {
if ( if (
(enterToSubmitOnDesktop && (enterToSubmit && e.key === 'Enter' && !e.shiftKey) ||
e.key === 'Enter' &&
!e.shiftKey &&
!isMobile) ||
(e.key === 'Enter' && (e.ctrlKey || e.metaKey)) (e.key === 'Enter' && (e.ctrlKey || e.metaKey))
) { ) {
e.preventDefault() e.preventDefault()

2
web/components/groups/group-chat.tsx
View File

@ -165,7 +165,7 @@ export function GroupChat(props: {
replyToUsername={replyToUsername} replyToUsername={replyToUsername}
submitComment={submitMessage} submitComment={submitMessage}
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
enterToSubmitOnDesktop={true} enterToSubmit={true}
setRef={setInputRef} setRef={setInputRef}
/> />
</div> </div>