Merge branch 'implement-ui' into add-event-saga-fix-user-state

packages/concordia-app/src/components/PostCreate/index.jsx

@@ -30,8 +30,6 @@ const PostCreate = (props) => {
   const [postSubject, setPostSubject] = useState(initialPostSubject);
   const [postContent, setPostContent] = useState('');
   const [userProfilePictureUrl, setUserProfilePictureUrl] = useState();
-  const [postSubjectInputEmptySubmit, setPostSubjectInputEmptySubmit] = useState(false);
-  const [postContentInputEmptySubmit, setPostContentInputEmptySubmit] = useState(false);
   const [createPostCacheSendStackId, setCreatePostCacheSendStackId] = useState('');
   const [posting, setPosting] = useState(false);
   const [storingPost, setStoringPost] = useState(false);
@@ -103,8 +101,7 @@ const PostCreate = (props) => {
             setPostSubject(initialPostSubject);
             setPostContent('');
             setPosting(false);
-            setPostSubjectInputEmptySubmit(false);
-            setPostContentInputEmptySubmit(false);
+            setStoringPost(false);
             setCreatePostCacheSendStackId('');
           })
           .catch((reason) => {
@@ -120,13 +117,7 @@ const PostCreate = (props) => {
   ]);
 
   const savePost = useCallback(() => {
-    if (postSubject === '') {
-      setPostSubjectInputEmptySubmit(true);
-      return;
-    }
-
-    if (postContent === '') {
-      setPostContentInputEmptySubmit(true);
+    if (postSubject === '' || postContent === '') {
       return;
     }
 
@@ -162,7 +153,6 @@ const PostCreate = (props) => {
                             name="postSubject"
                             className="subject-input"
                             size="mini"
-                            error={postSubjectInputEmptySubmit}
                             value={postSubject}
                             onChange={handleInputChange}
                           />
@@ -176,10 +166,8 @@ const PostCreate = (props) => {
                           <TextArea
                             placeholder={t('post.form.content.field.placeholder')}
                             name="postContent"
-                            className="content-input"
                             size="mini"
                             rows={4}
-                            error={postContentInputEmptySubmit}
                             value={postContent}
                             onChange={handleInputChange}
                           />

packages/concordia-app/src/views/Topic/TopicCreate/index.jsx

@@ -25,8 +25,6 @@ const TopicCreate = (props) => {
   const transactions = useSelector((state) => state.transactions);
   const [subjectInput, setSubjectInput] = useState('');
   const [contentInput, setContentInput] = useState('');
-  const [topicSubjectInputEmptySubmit, setTopicSubjectInputEmptySubmit] = useState(false);
-  const [topicMessageInputEmptySubmit, setTopicMessageInputEmptySubmit] = useState(false);
   const [createTopicCacheSendStackId, setCreateTopicCacheSendStackId] = useState('');
   const [posting, setPosting] = useState(false);
 
@@ -90,13 +88,7 @@ const TopicCreate = (props) => {
   }, [createTopicCacheSendStackId, history, contentInput, posting, subjectInput, transactionStack, transactions]);
 
   const validateAndPost = useCallback(() => {
-    if (subjectInput === '') {
-      setTopicSubjectInputEmptySubmit(true);
-      return;
-    }
-
-    if (contentInput === '') {
-      setTopicMessageInputEmptySubmit(true);
+    if (subjectInput === '' || contentInput === '') {
       return;
     }
 
@@ -116,7 +108,6 @@ const TopicCreate = (props) => {
                     placeholder={t('topic.create.form.subject.field.placeholder')}
                     name="subjectInput"
                     className="form-input"
-                    error={topicSubjectInputEmptySubmit}
                     value={subjectInput}
                     onChange={handleSubjectInputChange}
                   />
@@ -128,9 +119,6 @@ const TopicCreate = (props) => {
                   <TextArea
                     id="form-topic-create-field-message"
                     name="contentInput"
-                    className={topicMessageInputEmptySubmit
-                      ? 'form-textarea-required'
-                      : ''}
                     value={contentInput}
                     placeholder={t('topic.create.form.content.field.placeholder')}
                     rows={5}
@@ -144,7 +132,7 @@ const TopicCreate = (props) => {
                     key="form-topic-create-button-submit"
                     type="button"
                     color="green"
-                    disabled={posting}
+                    disabled={posting || subjectInput === '' || contentInput === ''}
                     onClick={validateAndPost}
                   >
                       <Button.Content visible>