feat(scanner): more work on the scanner and can now scan to prod no lst right now

lstMobile/src/app/(tabs)/_layout.tsx

@@ -0,0 +1,19 @@
+import { Tabs } from "expo-router";
+import { useAppStore } from "../../hooks/useAppStore";
+
+export default function TabsLayout() {
+    const serverPort = useAppStore((s) => s.serverPort);
+  return (
+    <Tabs
+    screenOptions={{
+        headerShown: false, // Hides the header for all screens in this navigator
+      }}>
+      <Tabs.Screen name="scanner" options={{ title: "Scan" }} />
+      <Tabs.Screen name="config" options={{ title: "settings" }} />
+      <Tabs.Screen name="logs" options={{ title: "Logs",
+        href: parseInt(serverPort || "0", 10) >= 50000 ? null : "/(tabs)/logs",
+       }} 
+      />
+    </Tabs>
+  );
+}

lstMobile/src/app/(tabs)/config.tsx

@@ -0,0 +1,7 @@
+import { Link } from "expo-router";
+import { Text, View } from "react-native";
+import Setup from "../setup";
+
+export default function SettingsTab() {
+  return <Setup />
+}

lstMobile/src/app/(tabs)/logs.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import { Text, View } from 'react-native'
+
+export default function Logs() {
+  return (
+    <View style={{
+				flex: 1,
+				//justifyContent: "center",
+				alignItems: "center",
+				marginTop: 50,
+			}}><Text>Logs</Text></View>
+  )
+}

lstMobile/src/app/(tabs)/scanner.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import {  View } from "react-native";
+
+import { useAppStore } from "../../hooks/useAppStore";
+import ProdScanner from "../../components/ProdScanner";
+import LSTScanner from "../../components/LSTScanner";
+
+export default function scanner() {
+	const serverPort = useAppStore((s) => s.serverPort);
+	return (
+		<View
+			style={{
+				flex: 1,
+				//justifyContent: "center",
+				alignItems: "center",
+				marginTop: 50,
+			}}
+		>
+			{parseInt(serverPort || "0", 10) >= 50000 ? <ProdScanner /> : <LSTScanner />}
+		</View>
+	);
+}

lstMobile/src/app/index.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "expo-router";
+import { Redirect, useRouter } from "expo-router";
 import { useEffect, useState } from "react";
 import { ActivityIndicator, Text, View } from "react-native";
 import { useAppStore } from "../hooks/useAppStore";
@@ -7,6 +7,7 @@ import { devDelay } from "../lib/devMode";
 export default function Index() {
 	const router = useRouter();
 	const [message, setMessage] = useState(<Text>Starting app...</Text>);
+	const [ready, setReady] = useState(false);
 
 	const hasHydrated = useAppStore((s) => s.hasHydrated);
 	const serverPort = useAppStore((s) => s.serverPort);
@@ -40,13 +41,18 @@ export default function Index() {
 						</Text>,
 					);
 					await devDelay(1500);
-					router.replace("/scanner");
+					//router.replace("/scanner");
+					setReady(true)
 					return;
 				}
 
+				setMessage(<Text>Checking for updates</Text>)
+				await devDelay(1500)
+				// TODO if theres an update go to update screen message :D
 				setMessage(<Text>Opening LST scan app</Text>);
 				await devDelay(3250);
-				router.replace("/scanner");
+				//router.replace("/scanner");
+				setReady(true)
 			} catch (error) {
 				console.log("Startup error", error);
 				setMessage(<Text>Something went wrong during startup.</Text>);
@@ -56,6 +62,9 @@ export default function Index() {
 		startup();
 	}, [hasHydrated, hasValidSetup, serverPort, router]);
 
+	  if (ready) {
+    return <Redirect href="/(tabs)/scanner" />;
+  }
 	return (
 		<View
 			style={{

lstMobile/src/app/scanner.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import { Text, View } from "react-native";
-
-export default function scanner() {
-	return (
-		<View
-			style={{
-				flex: 1,
-				//justifyContent: "center",
-				alignItems: "center",
-				marginTop: 50,
-			}}
-		>
-			<View style={{ alignItems: "center", margin: 10 }}>
-				<Text style={{ fontSize: 20, fontWeight: "600" }}>LST Scanner</Text>
-			</View>
-			<View
-				style={{
-					marginTop: 50,
-					alignItems: "center",
-				}}
-			>
-				<Text>Relocate</Text>
-				<Text>0 / 4</Text>
-			</View>
-
-			{/* <View>
-				<Text>List of recent scanned pallets TBA</Text>
-			</View> */}
-		</View>
-	);
-}

lstMobile/src/app/setup.tsx

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { Alert, Button, Text, TextInput, View } from "react-native";
 import { useAppStore } from "../hooks/useAppStore";
 
-export default function setup() {
+export default function Setup() {
 	const router = useRouter();
 	const [auth, setAuth] = useState(false);
 	const [pin, setPin] = useState("");
@@ -40,6 +40,7 @@ export default function setup() {
 		updateAppState({
 			serverIp: serverIp.trim(),
 			serverPort: serverPort.trim(),
+			scannerId: scannerId?.trim(),
 			setupCompleted: true,
 			isRegistered: true,
 		});
@@ -80,7 +81,7 @@ export default function setup() {
 							borderRadius: 8,
 						}}
 					>
-						<Button title="Save Config" onPress={authCheck} />
+						<Button title="Submit" onPress={authCheck} />
 					</View>
 				</View>
 			) : (
@@ -136,7 +137,7 @@ export default function setup() {
 						<Button
 							title="Home"
 							onPress={() => {
-								router.push("/");
+								router.push("/(tabs)/scanner");
 							}}
 						/>
 					</View>