wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-19 11:28:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

Disable submit button when empty

Browse Source
This commit is contained in:
Chi Vinh Le
2018-09-07 16:29:46 +02:00
parent fb1b9c51ee
commit a33a1c47ab
4 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/stream/components/PostCommentForm.tsx
+2 -2
View File
@@ -29,7 +29,7 @@ export interface PostCommentFormProps {
const PostCommentForm: StatelessComponent<PostCommentFormProps> = props => (
<Form onSubmit={props.onSubmit} initialValues={props.initialValues}>
{({ handleSubmit, submitting }) => (
{({ handleSubmit, submitting, hasValidationErrors }) => (
<form
autoComplete="off"
onSubmit={handleSubmit}
@@ -79,7 +79,7 @@ const PostCommentForm: StatelessComponent<PostCommentFormProps> = props => (
<Button
color="primary"
variant="filled"
disabled={submitting}
disabled={submitting || hasValidationErrors}
type="submit"
>
Submit
src/core/client/stream/components/ReplyCommentForm.tsx
+2 -2
View File
@@ -39,7 +39,7 @@ const ReplyCommentForm: StatelessComponent<ReplyCommentFormProps> = props => {
const inputID = `comments-replyCommentForm-rte-${props.id}`;
return (
<Form onSubmit={props.onSubmit} initialValues={props.initialValues}>
{({ handleSubmit, submitting }) => (
{({ handleSubmit, submitting, hasValidationErrors }) => (
<form
className={props.className}
autoComplete="off"
@@ -91,7 +91,7 @@ const ReplyCommentForm: StatelessComponent<ReplyCommentFormProps> = props => {
<Button
color="primary"
variant="filled"
disabled={submitting}
disabled={submitting || hasValidationErrors}
type="submit"
>
Submit
src/core/client/stream/test/__snapshots__/postComment.spec.tsx.snap
+4 -4
View File
@@ -502,8 +502,8 @@ exports[`post a comment: server response 1`] = `
</span>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
@@ -849,8 +849,8 @@ exports[`renders comment stream 1`] = `
</span>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
src/core/client/stream/test/__snapshots__/postReply.spec.tsx.snap
+10 -10
View File
@@ -161,8 +161,8 @@ exports[`post a reply: open reply form 1`] = `
</span>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
@@ -346,8 +346,8 @@ exports[`post a reply: open reply form 1`] = `
Cancel
</button>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
@@ -581,8 +581,8 @@ exports[`post a reply: optimistic response 1`] = `
</span>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
@@ -1054,8 +1054,8 @@ exports[`post a reply: server response 1`] = `
</span>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
@@ -1407,8 +1407,8 @@ exports[`renders comment stream 1`] = `
</span>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
disabled={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}