Load diff stats for async diffs

Ensures diff stats are alsos loaded for async diffs

app/assets/javascripts/pages/projects/commit/show/index.js

@@ -27,28 +27,10 @@ initCommitBoxInfo();
 
 initDeprecatedNotes();
 
-const filesContainer = $('.js-diffs-batch');
-const diffStatsElements = document.querySelectorAll('#js-diff-stats');
-
-if (filesContainer.length) {
-  const batchPath = filesContainer.data('diffFilesPath');
-
-  axios
-    .get(batchPath)
-    .then(({ data }) => {
-      filesContainer.html($(data));
-      syntaxHighlight(filesContainer);
-      handleLocationHash();
-      new Diff();
-    })
-    .catch(() => {
-      createFlash({ message: __('An error occurred while retrieving diff files') });
-    });
-} else {
-  new Diff();
-}
+const loadDiffStats = () => {
+  const diffStatsElements = document.querySelectorAll('#js-diff-stats');
 
-if (diffStatsElements.length) {
+  if (diffStatsElements.length) {
     diffStatsElements.forEach((diffStatsEl) => {
       const { addedLines, removedLines, oldSize, newSize, viewerName } = diffStatsEl.dataset;
 
@@ -69,6 +51,29 @@ if (diffStatsElements.length) {
         },
       });
     });
+  }
+};
+
+const filesContainer = $('.js-diffs-batch');
+
+if (filesContainer.length) {
+  const batchPath = filesContainer.data('diffFilesPath');
+
+  axios
+    .get(batchPath)
+    .then(({ data }) => {
+      filesContainer.html($(data));
+      syntaxHighlight(filesContainer);
+      handleLocationHash();
+      new Diff();
+      loadDiffStats();
+    })
+    .catch(() => {
+      createFlash({ message: __('An error occurred while retrieving diff files') });
+    });
+} else {
+  new Diff();
+  loadDiffStats();
 }
 
 loadAwardsHandler();