From db75d66618b11d53fd4a34e89ed5e681b97b17a6 Mon Sep 17 00:00:00 2001
From: Dashwave <tech@dashwave.io>
Date: Wed, 20 Nov 2024 09:46:53 +0000
Subject: [PATCH 1/2] Fix status bar color issue in landscape mode

---
 src/common/ZulipStatusBar.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/common/ZulipStatusBar.js b/src/common/ZulipStatusBar.js
index e5b3ac5..f63a607 100644
--- a/src/common/ZulipStatusBar.js
+++ b/src/common/ZulipStatusBar.js
@@ -55,14 +55,12 @@ export default function ZulipStatusBar(props: Props): Node {
   const statusBarColor = getStatusBarColor(backgroundColor, themeToUse);
 
   return (
-    orientation === 'PORTRAIT' && (
-      <StatusBar
-        animated
-        showHideTransition="slide"
-        hidden={hidden && Platform.OS !== 'android'}
-        backgroundColor={Color(statusBarColor).darken(0.1).hsl().string()}
-        barStyle={getStatusBarStyle(statusBarColor)}
-      />
-    )
+    <StatusBar
+      animated
+      showHideTransition="slide"
+      hidden={hidden && Platform.OS !== 'android'}
+      backgroundColor={Color(statusBarColor).darken(0.1).hsl().string()}
+      barStyle={getStatusBarStyle(statusBarColor)}
+    />
   );
 }

From 68243acc2fed811a466b50105074a3873d6087d5 Mon Sep 17 00:00:00 2001
From: Dashwave <tech@dashwave.io>
Date: Wed, 20 Nov 2024 09:49:02 +0000
Subject: [PATCH 2/2] Ensure ZulipStatusBar renders consistently across
 orientations

---
 src/common/ZulipStatusBar.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/common/ZulipStatusBar.js b/src/common/ZulipStatusBar.js
index f63a607..835cf87 100644
--- a/src/common/ZulipStatusBar.js
+++ b/src/common/ZulipStatusBar.js
@@ -50,10 +50,12 @@ export default function ZulipStatusBar(props: Props): Node {
   const osScheme = useColorScheme();
   const themeToUse = getThemeToUse(theme, osScheme);
 
+  // Get the current orientation from the global session state
   const orientation = useGlobalSelector(state => getGlobalSession(state).orientation);
   const backgroundColor = props.backgroundColor;
   const statusBarColor = getStatusBarColor(backgroundColor, themeToUse);
 
+  // Render the StatusBar component with the appropriate props
   return (
     <StatusBar
       animated