renamed prop

Author: mharshita

src/components/CommentForm.js

@@ -13,7 +13,7 @@ const CommentForm = (props) => {
     addComment,
     comment,
     setComment,
-    submitButtonText
+    cta
   } = props
 
   const { register, errors, handleSubmit } = useForm()
@@ -57,7 +57,7 @@ const CommentForm = (props) => {
       </div>
       {errors.Comments && <FormError message='Reply cannot be empty' />}
       <MediaPreview attachments={attachments} setAttachments={setAttachments} />
-      <Button className='btn btn-default'>{submitButtonText}</Button>
+      <Button className='btn btn-default'>{cta}</Button>
     </form>
   )
 }

src/components/Comments.js

@@ -226,7 +226,7 @@ const Comments = (props) => {
                     addComment={addCommentReply}
                     comment={commentReply}
                     setComment={setCommentReply}
-                    submitButtonText={'Add Reply'}
+                    cta={'Add Reply'}
                   />
                 )}
               </div>
@@ -245,7 +245,7 @@ const Comments = (props) => {
             addComment={addComment}
             comment={comment}
             setComment={setComment}
-            submitButtonText={'Add Comment'}
+            cta={'Add Comment'}
           />
         </div>
       )}