fix(PublonsTable): Spinner on Publons now works on reviewer suggestions

packages/component-faraday-ui/src/PublonsTable.js

@@ -58,8 +58,8 @@ const TableView = ({
             <HiddenCell>
               <OpenModal
                 confirmText="Invite"
-                isFetching={isFetching}
                 onConfirm={modalProps => onInviteReviewer(reviewer, modalProps)}
+                publonsFetching={isFetching}
                 setFetching={setFetching}
                 title="Send invitation to review?"
               >
@@ -77,9 +77,12 @@ const TableView = ({
   )
 }
 
-const PublonsTable = ({ publonsFetching, ...rest }) => (
-  <Fragment>{publonsFetching ? <Spinner /> : <TableView {...rest} />}</Fragment>
-)
+const PublonsTable = ({ publonsFetching, ...rest }) =>
+  console.log('publonsFetching', publonsFetching) || (
+    <Fragment>
+      {publonsFetching ? <Spinner /> : <TableView {...rest} />}
+    </Fragment>
+  )
 
 export default compose(
   withFetching,

packages/component-manuscript/src/components/ManuscriptLayout.js

@@ -39,6 +39,8 @@ const ManuscriptLayout = ({
   fragment = {},
   changeForm,
   isFetching,
+  isFetchingData,
+  publonsFetching,
   fetchingError,
   formValues,
   heExpanded,
@@ -82,7 +84,7 @@ const ManuscriptLayout = ({
           fragment={fragment}
           handlingEditors={handlingEditors}
           inviteHE={toggleAssignHE}
-          isFetching={isFetching.editorsFetching}
+          isFetching={isFetchingData.editorsFetching}
           journal={journal}
           resendInvitation={inviteHandlingEditor.assignHE}
           revokeInvitation={inviteHandlingEditor.revokeHE}
@@ -158,11 +160,12 @@ const ManuscriptLayout = ({
           currentUser={currentUser}
           expanded={heExpanded}
           handlingEditors={handlingEditors}
-          isFetching={isFetching.editorsFetching}
+          isFetching={isFetchingData.editorsFetching}
           toggle={toggleAssignHE}
         />
 
-        {get(currentUser, 'permissions.canViewReviewersDetails', false) && (
+        {(get(currentUser, 'permissions.canViewReviewersDetails', false) &&
+          console.log('Are you true?', isFetchingData)) || (
           <ReviewerDetails
             currentUser={currentUser}
             expanded={reviewerDetailsExpanded}
@@ -176,7 +179,7 @@ const ManuscriptLayout = ({
               )
             }
             invitations={invitationsWithReviewers}
-            isFetching={isFetching.publonsFetching}
+            isFetching={isFetchingData.publonsFetching}
             journal={journal}
             mb={2}
             publonReviewers={publonReviewers}

packages/component-manuscript/src/components/ManuscriptPage.js

@@ -190,7 +190,7 @@ export default compose(
           ),
         },
       },
-      isFetching: {
+      isFetchingData: {
         editorsFetching: selectFetching(state),
         publonsFetching: isFetching,
       },