Current Readings

📡

Waiting for sensor data...

\n Make sure your RAK7204 is configured\n

\n );\n }\n\n const tempStatus = alerts?.temperature.status || \"ideal\";\n const humidityTarget = alerts?.humidity.target || { min: 45, max: 55 };\n\n const getStatusPill = (status: string) => {\n switch (status) {\n case \"critical-low\":\n case \"critical-high\":\n return { pillClass: \"pill-red\", label: \"Critical\" };\n case \"warning-low\":\n case \"warning-high\":\n return { pillClass: \"pill-yellow\", label: \"Warning\" };\n default:\n return { pillClass: \"pill-green\", label: \"Ideal\" };\n }\n };\n\n const statusConfig = getStatusPill(tempStatus);\n\n const formatTime = (timestamp: string) => {\n const date = new Date(timestamp);\n return date.toLocaleTimeString(\"en-US\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n };\n\n // Battery percentage (2.5V = 0%, 3.6V = 100%)\n const getBatteryPercent = (voltage: number) => {\n const min = 2.5;\n const max = 3.6;\n return Math.max(0, Math.min(100, ((voltage - min) / (max - min)) * 100));\n };\n\n const batteryPercent = getBatteryPercent(reading.batteryVoltage);\n const batteryColor = batteryPercent < 20 ? \"#ef4444\" : batteryPercent < 50 ? \"#eab308\" : \"#22c55e\";\n\n return (\n

Current Readings

\n {statusConfig.label}\n

\n\n

\n {/* Temperature (with calibration offset) */}\n

\n {(reading.temperatureF + CALIBRATION.temperatureF).toFixed(1)}°\n

\n {/*

\n {((reading.temperatureF + CALIBRATION.temperatureF - 32) * 5 / 9).toFixed(1)}°C\n

*/}\n

Temperature

Target: 101-102°F

\n\n {/* Humidity */}\n

\n {reading.humidity.toFixed(0)}%\n

Humidity

\n Target: {humidityTarget.min}-{humidityTarget.max}%\n

\n\n {/* Footer stats */}\n

\n {/* Battery gauge */}\n

\n \n {Math.round(batteryPercent)}%\n

\n {reading.rssi !== undefined && (\n

\n {reading.rssi} dBm\n

\n )}\n

\n {formatTime(reading.timestamp)}\n

\n );\n}\n","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/jhiller/IncubatorTempHumidityTracker/code/frontend/components/CurrentReadings.tsx","extension","actionData","errors"]