From b54c7d8fafe3aee87189b6b72863c42c1ec7debe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sat, 14 May 2022 18:07:54 +0200
Subject: [PATCH] Fix not being able to open avatars in lightbox (#8598)

---
 src/components/views/elements/ImageView.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/views/elements/ImageView.tsx b/src/components/views/elements/ImageView.tsx
index 8cd85e16dba..9bb1b551d59 100644
--- a/src/components/views/elements/ImageView.tsx
+++ b/src/components/views/elements/ImageView.tsx
@@ -535,6 +535,15 @@ export default class ImageView extends React.Component<IProps, IState> {
             );
         }
 
+        let title: JSX.Element;
+        if (this.props.mxEvent?.getContent()) {
+            title = (
+                <div className="mx_ImageView_title">
+                    { presentableTextForFile(this.props.mxEvent?.getContent(), _t("Image"), true) }
+                </div>
+            );
+        }
+
         return (
             <FocusLock
                 returnFocus={true}
@@ -547,9 +556,7 @@ export default class ImageView extends React.Component<IProps, IState> {
             >
                 <div className="mx_ImageView_panel">
                     { info }
-                    <div className="mx_ImageView_title">
-                        { presentableTextForFile(this.props.mxEvent.getContent(), _t("Image"), true) }
-                    </div>
+                    { title }
                     <div className="mx_ImageView_toolbar">
                         { zoomOutButton }
                         { zoomInButton }