From 3f4e607e7c07b5422cf5dd606779e0d4e1e7866b Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Mon, 10 Jul 2023 14:24:00 -0600
Subject: [PATCH] Resize AppShell when orientation changes

---
 src/components/nav/AppShell.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/nav/AppShell.tsx b/src/components/nav/AppShell.tsx
index 89e239b..c24646e 100644
--- a/src/components/nav/AppShell.tsx
+++ b/src/components/nav/AppShell.tsx
@@ -95,12 +95,12 @@ export default function AppShell(props: { children: React.ReactNode; title?: str
     };
     setHeight(); // Set the height at the start
 
-    // Listen to resize events
     window.addEventListener("resize", setHeight);
+    window.addEventListener("orientationchange", setHeight);
 
-    // Remove event listener on cleanup
     return () => {
       window.removeEventListener("resize", setHeight);
+      window.removeEventListener("orientationchange", setHeight);
     };
   }, []);