Refresh Attachments after successful URL creation

metasfresh · Oct 4, 2017 · 8c8ae04 · 8c8ae04
1 parent 8e11b34
commit 8c8ae04
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/src/components/header/AttachUrl.js b/src/components/header/AttachUrl.js
@@ -48,13 +48,14 @@ class AttachUrl extends Component {
         event.persist();
 
         const {
-            windowId, documentId, handleClose, dispatch,
+            windowId, documentId, handleClose, dispatch, fetchAttachments,
         } = this.props;
         const { url, name } = this.state;
 
         // TODO: Add translations for notifications
         createUrlAttachment({ windowId, documentId, url, name }).then(() => {
             handleClose(event);
+            fetchAttachments();
 
             dispatch(addNotification(
                 // counterpart.translate('window.attachment.url.title'),

diff --git a/src/components/header/Attachments.js b/src/components/header/Attachments.js
@@ -20,16 +20,19 @@ class Attachments extends Component {
     }
 
     componentDidMount = () => {
-        const {windowType, docId} = this.props;
+        this.fetchAttachments();
+    }
+
+    fetchAttachments = () => {
+        const { windowType, docId } = this.props;
 
-        attachmentsRequest('window', windowType, docId)
-            .then(response => {
-                this.setState({
-                    data: response.data
-                }, () => {
-                    this.attachments && this.attachments.focus();
-                })
+        attachmentsRequest('window', windowType, docId).then(response => {
+            this.setState({ data: response.data }, () => {
+                if (this.attachments) {
+                  this.attachments.focus();
+                }
             });
+        });
     }
 
     toggleAttachmentDelete = (value) => {
@@ -115,6 +118,7 @@ class Attachments extends Component {
                       windowId={windowType}
                       documentId={docId}
                       handleClose={this.handleCloseAttachUrl}
+                      fetchAttachments={this.fetchAttachments}
                     />
                 )}
             </div>