refactor(web-ui): use mui dialogs for input demands - closes #224

ubopod · Feb 28, 2025 · 85a4d79 · 85a4d79
1 parent c1f6a17
commit 85a4d79
Show file tree

Hide file tree

Showing 4 changed files with 234 additions and 221 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Upcoming
 
 - feat(web-ui): implement react web application for the web-ui service - closes #224
+- refactor(web-ui): use mui dialogs for input demands - closes #224
 
 ## Version 1.2.2
 

diff --git a/ubo_app/display.py b/ubo_app/display.py
@@ -68,25 +68,33 @@ def render_on_display(*, regions: list[Region]) -> None:
             ),
             data_bytes,
         )
+
+    from kivy.metrics import dp
+
+    density = dp(1)
+
+    def generate_render_actions(
+        region: Region,
+    ) -> tuple[DisplayRenderEvent, DisplayCompressedRenderEvent]:
+        data = region['data'].tobytes()
         compressor = zlib.compressobj(wbits=-zlib.MAX_WBITS)
-        from kivy.metrics import dp
-
-        store._dispatch(  # noqa: SLF001
-            [
-                DisplayRenderEvent(
-                    data=region['data'].tobytes(),
-                    rectangle=rectangle,
-                    density=dp(1),
-                ),
-                DisplayCompressedRenderEvent(
-                    compressed_data=compressor.compress(region['data'].tobytes())
-                    + compressor.flush(),
-                    rectangle=rectangle,
-                    density=dp(1),
-                ),
-            ],
+        return (
+            DisplayRenderEvent(
+                data=data,
+                rectangle=region['rectangle'],
+                density=density,
+            ),
+            DisplayCompressedRenderEvent(
+                compressed_data=compressor.compress(data) + compressor.flush(),
+                rectangle=region['rectangle'],
+                density=density,
+            ),
         )
 
+    store._dispatch(  # noqa: SLF001
+        [event for region in regions for event in generate_render_actions(region)],
+    )
+
 
 original_block = display._block  # noqa: SLF001
 

diff --git a/ubo_app/services/090-web-ui/templates/index.jinja2 b/ubo_app/services/090-web-ui/templates/index.jinja2
@@ -18,13 +18,7 @@
 
       #container {
         display: flex;
-        flex-direction: row;
-      }
-
-      @media (max-width: 800px) {
-        #container {
-          flex-direction: column;
-        }
+        flex-direction: column;
       }
 
       @media (prefers-color-scheme: dark) {