WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/dashboard/components/share-modal/ShareModal.js

 import { useForm } from 'react-hook-form'
 import styled from 'styled-components'
 import FormErrorFeedback from '../../../shared/form-error-feedback/FormErrorFeedback'
 import Spinner from '../../../shared/loading-spinner/Spinner'
 import { addNotification } from '../../../redux/notification/notification.actions'
+import {
+  closeShareModal,
+  openShareModal,
+  setModalType,
-import { closeShareModal, openShareModal, setModalType } from '../../../redux/share-modal/shareModal.actions'
+} from '../../../redux/share-modal/shareModal.actions'
 import { addFeed, fetchFeeds } from '../../../redux/feed/feed.actions'
 import DropzoneComponent from '../../../shared/dropzone/DropzoneComponent'
 import { shareModalTypes } from '../../../redux/share-modal/shareModal.types'
 import { feedTypes } from '../../../redux/feed/feed.types'
 import { CKEditor } from 'ckeditor4-react'
   timelineUrl,
   feedSharedId,
   closeShareModal, // Redux action
   addNotification, // Redux action
   addFeed, // Redux action
-  openShareModal // Redux action
+  openShareModal, // Redux action
 }) => {
   const [loading, setLoading] = useState(false)
   const [isCKEditorLoading, setIsCKEditorLoading] = useState(true)
   const [showConfirmModal, setShowConfirmModal] = useState(false)
     handleSubmit,
     setValue,
     watch,
     getValues,
     clearErrors,
-    setError
+    setError,
   } = useForm({
     defaultValues: {
       description: '',
-      share_width: ''
+      share_width: '',
-    }
+    },
   })
   useEffect(() => {
     register('description', {
-      required: { value: 'true', message: 'El campo es requerido' }
+      required: { value: 'true', message: 'El campo es requerido' },
     })
     register('posted_or_shared')
     if (
       modalType !== shareModalTypes.POST &&
       modalType !== shareModalTypes.SHARE
     ) {
       register('file', {
-        required: { value: 'true', message: 'El campo es requerido' }
+        required: { value: 'true', message: 'El campo es requerido' },
       })
     } else {
       if (!getValues('file')) unregister('file')
+    }
         setValue('description', '')
         setValue('file', '')
         clearErrors()
         addNotification({
           style: 'success',
-          msg: 'La publicación ha sido compartida'
+          msg: 'La publicación ha sido compartida',
         })
         if (feedSharedId) {
           addFeed(newFeed, feedSharedId)
         } else {
           addFeed(newFeed)
         if (currentPage && timelineUrl) {
           fetchFeeds(timelineUrl, currentPage)
+        }
       } else {
         if (data.data.description || data.data.file || data.data.share_width) {
-          Object.entries(data.data)
+          Object.entries(data.data).map(([key, value]) =>
-            .map(([key, value]) => setError(key, { type: 'required', message: value })
+            setError(key, { type: 'required', message: value })
-            )
+          )
         } else {
           addNotification({
             style: 'danger',
-            msg: data.data
+            msg: data.data,
           })
+        }
+      }
     })
               {LABELS.SHARE_WITH}
             </option>
             <option value="p">{LABELS.PUBLIC}</option>
             <option value="c">{LABELS.CONNECTIONS}</option>
           </select>
+          {errors.shared_with && (
-          {errors.shared_with && <FormErrorFeedback>{errors.shared_with.message}</FormErrorFeedback>}
+            <FormErrorFeedback>{errors.shared_with.message}</FormErrorFeedback>
+          )}
         </>
+      )
+    }
+  }
   return (
-    <>
-      <Modal
-        show={isOpen}
+    <>
-        onHide={closeShareModal}
-        autoFocus={false}
       <Modal show={isOpen} onHide={closeShareModal} autoFocus={false}>
         <Modal.Header closeButton>
           <Modal.Title>{LABELS.SHARE_A_POST}</Modal.Title>
         </Modal.Header>
         <form encType="multipart/form-data" onSubmit={handleSubmit(onSubmit)}>
             <CKEditor
               data={watch('description')}
               onChange={(e) => {
                 const text = e.editor.getData()
                 setValue('description', text)
-                if (errors.description && getValues('description')) clearErrors('description')
+                if (errors.description && getValues('description'))
+                  clearErrors('description')
               }}
               config={CKEDITOR_OPTIONS}
               name="description"
               onDialogShow={() => {
                 const modal = document.querySelector('.fade.modal.show')
               onBeforeLoad={() => {
                 setIsCKEditorLoading(false)
               }}
             />
             {isCKEditorLoading && <Spinner />}
+            {errors.description && (
+              <FormErrorFeedback>
-            {errors.description && <FormErrorFeedback>{errors.description.message}</FormErrorFeedback>}
+                {errors.description.message}
+              </FormErrorFeedback>
+            )}
+            {dropZoneRender()}
-            {dropZoneRender()}
+            {errors.file && (
+              <FormErrorFeedback>{errors.file.message}</FormErrorFeedback>
-            {errors.file && <FormErrorFeedback>{errors.file.message}</FormErrorFeedback>}
+            )}
           </Modal.Body>
           <Modal.Footer>
+            <Button size="sm" type="submit">
+              {LABELS.SEND}
+            </Button>
+            <Button
+              color="danger"
+              size="sm"
-            <Button size="sm" type="submit">{LABELS.SEND}</Button>
+              variant="danger"
+              onClick={closeShareModal}
             <Button color="danger" size="sm" variant="danger" onClick={closeShareModal}>
               {LABELS.CANCEL}
             </Button>
           </Modal.Footer>
         </form>
         {loading && <Spinner />}
       </Modal>
       <ConfirmModal
         show={showConfirmModal}
         onClose={handleModalCancel}
-        onAccept={handleModalAccept}
-        acceptLabel={LABELS.ACCEPT}
+        onAccept={handleModalAccept}
         message="¿No se ha compartido tu publicación , desea descartarlo?"
       />
     </>
+  )
   isOpen: state.shareModal.isOpen,
   postUrl: state.shareModal.postUrl,
   modalType: state.shareModal.modalType,
   lastModalType: state.shareModal.lastModalType,
   feedType: state.shareModal.feedType,
-  feedSharedId: state.shareModal.feedSharedId
+  feedSharedId: state.shareModal.feedSharedId,
 })
 const mapDispatchToProps = {
   addNotification: (notification) => addNotification(notification),
   closeShareModal: () => closeShareModal(),
+  openShareModal: (postUrl, modalType, feedType) =>
-  openShareModal: (postUrl, modalType, feedType) => openShareModal(postUrl, modalType, feedType),
+    openShareModal(postUrl, modalType, feedType),
   setModalType: (modalType) => setModalType(modalType),
   addFeed: (feed, feedSharedId) => addFeed(feed, feedSharedId),
-  fetchFeeds: (url, page) => fetchFeeds(url, page)
+  fetchFeeds: (url, page) => fetchFeeds(url, page),
+}

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/dashboard/components/share-modal/ShareModal.js – Rev 5255 → 6390