typescript/frontend-marios2/src/content/dashboards/SodiohomeInstallations/WeeklyReport.tsx

@@ -15,6 +15,7 @@ import {
   MenuItem,
   Paper,
   Select,
+  Snackbar,
   Tab,
   Tabs,
   TextField,
@@ -152,22 +153,12 @@ function ReportHtmlFrame({ html }: { html: string }) {
     const iframe = iframeRef.current;
     if (!iframe) return;
 
-    let resizeObserver: ResizeObserver | null = null;
-
     const updateHeight = () => {
       try {
         const doc = iframe.contentDocument || iframe.contentWindow?.document;
         if (doc?.body) {
-          const newHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight) + 40;
+          const newHeight = doc.body.scrollHeight + 20;
           if (newHeight > 50) setHeight(newHeight);
-
-          if (!resizeObserver) {
-            resizeObserver = new ResizeObserver(() => {
-              const h = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight) + 40;
-              if (h > 50) setHeight(h);
-            });
-            resizeObserver.observe(doc.body);
-          }
         }
       } catch { /* cross-origin safety */ }
     };
@@ -178,7 +169,6 @@ function ReportHtmlFrame({ html }: { html: string }) {
     return () => {
       iframe.removeEventListener('load', updateHeight);
       timers.forEach(clearTimeout);
-      resizeObserver?.disconnect();
     };
   }, [html]);
 
@@ -186,7 +176,6 @@ function ReportHtmlFrame({ html }: { html: string }) {
     <iframe
       ref={iframeRef}
       srcDoc={html}
-      scrolling="no"
       style={{
         width: '100%',
         height,
@@ -297,7 +286,7 @@ function WeeklyReport({ installationId, installationName, installationEmail }: W
   const [autoSend, setAutoSend] = useState({ sendWeekly: false, sendMonthly: false, sendYearly: false });
   const [autoSendDirty, setAutoSendDirty] = useState(false);
   const [savingAutoSend, setSavingAutoSend] = useState(false);
-  const [autoSendStatus, setAutoSendStatus] = useState<{ message: string; severity: 'success' | 'error' } | null>(null);
+  const [autoSendSnackbar, setAutoSendSnackbar] = useState<string | null>(null);
 
   useEffect(() => {
     axiosConfig.get('/GetEmailPreference', { params: { installationId } })
@@ -320,11 +309,9 @@ function WeeklyReport({ installationId, installationName, installationEmail }: W
         params: { installationId, ...autoSend }
       });
       setAutoSendDirty(false);
-      setAutoSendStatus({ message: intl.formatMessage({ id: 'autoSendSaved', defaultMessage: 'Auto-send preferences saved.' }), severity: 'success' });
-      setTimeout(() => setAutoSendStatus(null), 4000);
+      setAutoSendSnackbar(intl.formatMessage({ id: 'autoSendSaved', defaultMessage: 'Auto-send preferences saved.' }));
     } catch {
-      setAutoSendStatus({ message: intl.formatMessage({ id: 'autoSendSaveFailed', defaultMessage: 'Failed to save auto-send preferences.' }), severity: 'error' });
-      setTimeout(() => setAutoSendStatus(null), 4000);
+      setAutoSendSnackbar(intl.formatMessage({ id: 'autoSendSaveFailed', defaultMessage: 'Failed to save auto-send preferences.' }));
     } finally {
       setSavingAutoSend(false);
     }
@@ -540,13 +527,15 @@ function WeeklyReport({ installationId, installationName, installationEmail }: W
             <FormattedMessage id="autoSendNoEmail" defaultMessage="Set email address in Information tab to enable auto-send" />
           </Typography>
         )}
-        {autoSendStatus && (
-          <Typography variant="caption" sx={{ color: autoSendStatus.severity === 'success' ? '#27ae60' : '#e74c3c', ml: 1, textTransform: 'uppercase', fontWeight: 600 }}>
-            {autoSendStatus.message}
-          </Typography>
-        )}
       </Box>
 
+      <Snackbar
+        open={!!autoSendSnackbar}
+        autoHideDuration={4000}
+        onClose={() => setAutoSendSnackbar(null)}
+        message={autoSendSnackbar}
+      />
+
       <Box sx={{ display: tabs[safeTab]?.key === 'daily' ? 'block' : 'none', minHeight: '50vh' }}>
         <DailySection installationId={installationId} onHasData={setDailyHasData} onPeriodChange={(date: string) => setReportPeriods(prev => ({ ...prev, daily: { start: date, end: date } }))} />
       </Box>