From 86dc32dab316f98d8d10dbca48585a9bc6cdab1c Mon Sep 17 00:00:00 2001
From: Egan Gumiwang Pratama Bisma <egan@hey.com>
Date: Thu, 9 Jan 2025 18:23:11 +0700
Subject: [PATCH] persist max block size setting in LayoutPanel component
 (#134)

https://github.com/readest/readest/issues/131
---
 .../app/reader/components/settings/LayoutPanel.tsx    | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx b/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
index 309a9f24..1daeec23 100644
--- a/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
@@ -119,6 +119,17 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [maxInlineSize]);
 
+  useEffect(() => {
+    viewSettings.maxBlockSize = maxBlockSize;
+    setViewSettings(bookKey, viewSettings);
+    if (isFontLayoutSettingsGlobal) {
+      settings.globalViewSettings.maxBlockSize = maxBlockSize;
+      setSettings(settings);
+    }
+    view?.renderer.setAttribute('max-block-size', `${maxBlockSize}px`);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [maxBlockSize]);
+
   useEffect(() => {
     // global settings are not supported for writing mode
     viewSettings.writingMode = writingMode;