feat: add car info

Author: nmashchenko

frontend/api/status.ts

@@ -0,0 +1,35 @@
+export enum PlannerEnum {
+    RRT_STAR         = "RRT_STAR",
+    HYBRID_A_STAR    = "HYBRID_A_STAR",
+    PARKING          = "PARKING",
+    LEAVE_PARKING    = "LEAVE_PARKING",
+    IDLE             = "IDLE",
+    SUMMON_DRIVING   = "SUMMON_DRIVING",
+    PARALLEL_PARKING = "PARALLEL_PARKING",
+}
+
+interface StatusResponse {
+    status: PlannerEnum;
+}
+
+
+const getCarStatus = async (): Promise<PlannerEnum | null>  => {
+    const res = await fetch("http://localhost:8000/api/status", {
+        method: "GET",
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json",
+        }
+    });
+
+
+    if (!res.ok) {
+        console.error("Failed to fetch status:", res.statusText);
+        return null;
+    }
+
+    const body: StatusResponse = await res.json();
+    return body.status;
+};
+
+export { getCarStatus };

frontend/components/car-info.tsx

@@ -7,10 +7,10 @@ import { Progress } from "@/components/ui/progress"
 import { cn } from "@/lib/utils"
 import { motion, AnimatePresence } from "framer-motion"
 import { toast } from "sonner"
+import { getCarStatus } from "@/api/status";
 
 export function CarInfo() {
     const [batteryLevel, setBatteryLevel] = useState(80)
-    const [temperature, setTemperature] = useState(72)
     const [isLocked, setIsLocked] = useState(true)
     const [isAcOn, setIsAcOn] = useState(false)
     const [isCharging, setIsCharging] = useState(false)
@@ -29,6 +29,18 @@ export function CarInfo() {
         return () => clearInterval(interval)
     }, [isCharging, batteryLevel])
 
+    useEffect(() => {
+       getCarStatus().then(data => {
+           if (data) {
+               setIsConnected(true)
+           } else {
+               setIsConnected(false)
+           }
+       }).catch(() => {
+           setIsConnected(false)
+       })
+    }, [])
+
     const getBatteryColor = () => {
         if (batteryLevel > 50) return "bg-green-500"
         if (batteryLevel > 20) return "bg-yellow-500"
@@ -128,12 +140,12 @@ export function CarInfo() {
                     <div className="flex items-center gap-2">
                         <motion.span
                             className="font-medium"
-                            key={temperature}
+                            key={72}
                             initial={{ opacity: 0, y: -10 }}
                             animate={{ opacity: 1, y: 0 }}
                             transition={{ duration: 0.3 }}
                         >
-                            {temperature}°F
+                            {72}°F
                         </motion.span>
                         <Button
                             variant="outline"