Fix empty content in modal view of collapsed panel

scm-ui/ui-components/src/repos/DiffFile.tsx

@@ -415,12 +415,8 @@ class DiffFile extends React.Component<Props, State> {
     const { file, collapsed, sideBySide, diffExpander, expansionError } = this.state;
     const viewType = sideBySide ? "split" : "unified";
 
-    let body = null;
-    let icon = "angle-right";
-    if (!collapsed) {
     const fileAnnotations = fileAnnotationFactory ? fileAnnotationFactory(file) : null;
-      icon = "angle-down";
+    const innerContent = (
-      body = (
       <div className="panel-block is-paddingless">
         {fileAnnotations}
         <TokenizedDiffView className={viewType} viewType={viewType} file={file}>
@@ -432,13 +428,18 @@ class DiffFile extends React.Component<Props, State> {
         </TokenizedDiffView>
       </div>
     );
+    let icon = "angle-right";
+    let body = null;
+    if (!collapsed) {
+      icon = "angle-down";
+      body = innerContent;
     }
     const collapseIcon = this.hasContent(file) ? <Icon name={icon} color="inherit" /> : null;
     const fileControls = fileControlFactory ? fileControlFactory(file, this.setCollapse) : null;
     const openInFullscreen = file?.hunks?.length ? (
       <OpenInFullscreenButton
         modalTitle={file.type === "delete" ? file.oldPath : file.newPath}
-        modalBody={<MarginlessModalContent>{body}</MarginlessModalContent>}
+        modalBody={<MarginlessModalContent>{innerContent}</MarginlessModalContent>}
       />
     ) : null;
     const sideBySideToggle = file?.hunks?.length && (