queue creation logic

frontend/app/src/components/HeaderComponent.tsx

@@ -26,6 +26,13 @@ const HeaderComponent = () => {
 
   const [authModalOpen, setAuthModalOpen] = useState(false);
   const [drawerOpen, setDrawerOpen] = useState(false);
+  // const [screenOrientation, setScreenOrientation] = useState<OrientationType>(
+  //   window.screen.orientation.type
+  // );
+
+  // window.addEventListener("orientationchange", () =>
+  //   setScreenOrientation(window.screen.orientation.type)
+  // );
 
   const currentLanguage = useSelector(
     (state: StorePrototype) => state.settings.language
@@ -156,7 +163,11 @@ const HeaderComponent = () => {
         <Menu
           theme="dark"
           mode="horizontal"
-          items={isMobile ? mobileItems : items}
+          items={
+            isMobile && window.screen.orientation.type === "portrait-primary"
+              ? mobileItems
+              : items
+          }
           style={{ flex: 1, minWidth: 0 }}
           selectedKeys={selectedKeys}
           className="header-container"