From a2f1d71754a4fad7a344d4ae0420a66b629b6f3d Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 1 Feb 2025 14:45:12 +0200
Subject: [PATCH] chore(client/ts): port mobile_widgets

---
 .../widgets/mobile_widgets/screen_container.js    | 11 -----------
 .../widgets/mobile_widgets/screen_container.ts    | 15 +++++++++++++++
 ...sidebar_button.js => toggle_sidebar_button.ts} |  0
 3 files changed, 15 insertions(+), 11 deletions(-)
 delete mode 100644 src/public/app/widgets/mobile_widgets/screen_container.js
 create mode 100644 src/public/app/widgets/mobile_widgets/screen_container.ts
 rename src/public/app/widgets/mobile_widgets/{toggle_sidebar_button.js => toggle_sidebar_button.ts} (100%)

diff --git a/src/public/app/widgets/mobile_widgets/screen_container.js b/src/public/app/widgets/mobile_widgets/screen_container.js
deleted file mode 100644
index 9fab0a4fc..000000000
--- a/src/public/app/widgets/mobile_widgets/screen_container.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import FlexContainer from "../containers/flex_container.js";
-
-export default class ScreenContainer extends FlexContainer {
-    constructor(screenName, direction) {
-        super(direction);
-
-        this.screenName = screenName;
-    }
-
-    activeScreenChangedEvent({ activeScreen }) {}
-}
diff --git a/src/public/app/widgets/mobile_widgets/screen_container.ts b/src/public/app/widgets/mobile_widgets/screen_container.ts
new file mode 100644
index 000000000..4ce276309
--- /dev/null
+++ b/src/public/app/widgets/mobile_widgets/screen_container.ts
@@ -0,0 +1,15 @@
+import type { EventData } from "../../components/app_context.js";
+import type BasicWidget from "../basic_widget.js";
+import FlexContainer, { type FlexDirection } from "../containers/flex_container.js";
+
+export default class ScreenContainer extends FlexContainer<BasicWidget> {
+    private screenName: string;
+
+    constructor(screenName: string, direction: FlexDirection) {
+        super(direction);
+
+        this.screenName = screenName;
+    }
+
+    activeScreenChangedEvent({ activeScreen }: EventData<"activeScreenChanged">) {}
+}
diff --git a/src/public/app/widgets/mobile_widgets/toggle_sidebar_button.js b/src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts
similarity index 100%
rename from src/public/app/widgets/mobile_widgets/toggle_sidebar_button.js
rename to src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts