Merge pull request #533 from R0m1k3/1.1

feat: add mobile layout and bottom navigation components

client/src/components/ResponsiveCalendar.tsx

@@ -0,0 +1,16 @@
+/**
+ * ResponsiveCalendar - Wrapper for automatic mobile/desktop detection
+ */
+import { useScreenSize } from "@/hooks/use-screen-size";
+import Calendar from "@/pages/Calendar";
+import MobileCalendarPage from "@/pages/mobile/CalendarPage";
+
+export default function ResponsiveCalendar() {
+    const { isMobile } = useScreenSize();
+
+    if (isMobile) {
+        return <MobileCalendarPage />;
+    }
+
+    return <Calendar />;
+}

client/src/components/ResponsiveDashboard.tsx

@@ -0,0 +1,16 @@
+/**
+ * ResponsiveDashboard - Wrapper for automatic mobile/desktop detection
+ */
+import { useScreenSize } from "@/hooks/use-screen-size";
+import Dashboard from "@/pages/Dashboard";
+import MobileDashboardPage from "@/pages/mobile/DashboardPage";
+
+export default function ResponsiveDashboard() {
+    const { isMobile } = useScreenSize();
+
+    if (isMobile) {
+        return <MobileDashboardPage />;
+    }
+
+    return <Dashboard />;
+}

client/src/components/ResponsiveDeliveries.tsx

@@ -0,0 +1,16 @@
+/**
+ * ResponsiveDeliveries - Wrapper for automatic mobile/desktop detection
+ */
+import { useScreenSize } from "@/hooks/use-screen-size";
+import Deliveries from "@/pages/Deliveries";
+import MobileDeliveriesPage from "@/pages/mobile/DeliveriesPage";
+
+export default function ResponsiveDeliveries() {
+    const { isMobile } = useScreenSize();
+
+    if (isMobile) {
+        return <MobileDeliveriesPage />;
+    }
+
+    return <Deliveries />;
+}

client/src/components/ResponsiveOrders.tsx

@@ -0,0 +1,16 @@
+/**
+ * ResponsiveOrders - Wrapper for automatic mobile/desktop detection
+ */
+import { useScreenSize } from "@/hooks/use-screen-size";
+import Orders from "@/pages/Orders";
+import MobileOrdersPage from "@/pages/mobile/OrdersPage";
+
+export default function ResponsiveOrders() {
+    const { isMobile } = useScreenSize();
+
+    if (isMobile) {
+        return <MobileOrdersPage />;
+    }
+
+    return <Orders />;
+}

client/src/components/RouterProduction.tsx

@@ -21,6 +21,10 @@ import BackupManager from "@/pages/BackupManager";
 import Utilities from "@/pages/Utilities";
 import Tasks from "@/pages/Tasks";
 import ResponsiveTasks from "@/components/ResponsiveTasks";
+import ResponsiveDashboard from "@/components/ResponsiveDashboard";
+import ResponsiveOrders from "@/components/ResponsiveOrders";
+import ResponsiveDeliveries from "@/components/ResponsiveDeliveries";
+import ResponsiveCalendar from "@/components/ResponsiveCalendar";
 import SavTickets from "@/pages/SavTickets";
 import Avoirs from "@/pages/Avoirs";
 import WeatherSettings from "@/pages/WeatherSettings";
@@ -90,10 +94,10 @@ function RouterProduction() {
   return (
     <Layout>
       <Switch>
-        <Route path="/calendar" component={Calendar} />
-        <Route path="/dashboard" component={Dashboard} />
-        <Route path="/orders" component={Orders} />
-        <Route path="/deliveries" component={Deliveries} />
+        <Route path="/calendar" component={ResponsiveCalendar} />
+        <Route path="/dashboard" component={ResponsiveDashboard} />
+        <Route path="/orders" component={ResponsiveOrders} />
+        <Route path="/deliveries" component={ResponsiveDeliveries} />
         <Route path="/suppliers" component={Suppliers} />
         <Route path="/groups" component={Groups} />
         <Route path="/users" component={Users} />