From 326e8b9881ae142f45428c0e9e929d2f44cf5406 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 24 Dec 2024 17:22:50 +0100
Subject: [PATCH] Prevent EmptyView from taking over click events

E.g. in the reader it was not possible to open the overlay while the EmptyView was visible due to it blocking the readers click handling
---
 .../core/components/placeholder/EmptyView.tsx    | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/modules/core/components/placeholder/EmptyView.tsx b/src/modules/core/components/placeholder/EmptyView.tsx
index 0dbbdcce..f72fa51e 100644
--- a/src/modules/core/components/placeholder/EmptyView.tsx
+++ b/src/modules/core/components/placeholder/EmptyView.tsx
@@ -38,25 +38,33 @@ export function EmptyView({ message, messageExtra, retry, noFaces, sx }: EmptyVi
     return (
         <Stack
             sx={{
+                p: 2,
                 textAlign: 'center',
                 alignItems: 'center',
                 justifyContent: 'center',
                 minWidth: '-webkit-fill-available',
                 maxWidth: '100%',
                 minHeight: '100%',
+                pointerEvents: 'none',
                 ...sx,
             }}
         >
             {!noFaces && (
-                <Typography variant="h3" gutterBottom>
+                <Typography variant="h3" gutterBottom sx={{ pointerEvents: 'all' }}>
                     {errorFace}
                 </Typography>
             )}
-            <Typography variant="h5">{message}</Typography>
-            <Typography variant="body1" sx={{ wordBreak: 'break-word' }}>
+            <Typography variant="h5" sx={{ pointerEvents: 'all' }}>
+                {message}
+            </Typography>
+            <Typography variant="body1" sx={{ wordBreak: 'break-word', pointerEvents: 'all' }}>
                 {messageExtra}
             </Typography>
-            {retry && <Button onClick={retry}>{t('global.button.retry')}</Button>}
+            {retry && (
+                <Button onClick={retry} sx={{ pointerEvents: 'all' }}>
+                    {t('global.button.retry')}
+                </Button>
+            )}
         </Stack>
     );
 }