Bring 3D printer status and camera back

Author: tanner37

webclient/src/Display.js

@@ -127,6 +127,8 @@ export function LCARS3Display(props) {
 				}
 
 				<div className='display-printers'>
+					<DisplayBambuCamera name={'p1s1'} />
+					<DisplayBambuCamera name={'p1s2'} />
 				</div>
 
 				<div className='display-classes'>
@@ -411,7 +413,7 @@ export function DisplayBambuCamera(props) {
 	const [pic, setPic] = useState(false);
 
 	const getPic = () => {
-		requester('http://localhost/' + name + '/pic', 'GET')
+		requester('http://localhost/' + name + '/pic.jpg', 'GET')
 		.then(res => res.blob())
 		.then(imageBlob => {
 			const imageObjectURL = URL.createObjectURL(imageBlob);

webclient/src/Home.js

@@ -271,7 +271,7 @@ export function Home(props) {
 			return 'Unknown / Offline';
 		}
 
-		const gcode_states = {IDLE: 'Idle', FINISH: 'Finished', RUNNING: 'Running', PAUSE: 'Paused', FAILED: 'Failed', PREPARE: 'Preparing'};
+		const gcode_states = {IDLE: 'Idle', FINISH: 'Finished', RUNNING: 'Running', PAUSE: 'Paused', FAILED: 'Failed', PREPARE: 'Preparing', OFFLINE: 'Offline'};
 
 		const printer_state = gcode_states?.[info?.gcode_state] || info?.gcode_state || 'Unknown';
 
@@ -448,6 +448,10 @@ export function Home(props) {
 									} trigger={<a>[more]</a>} />
 								</p>
 
+								<p>P1S printer L: {p1sPrinter3dStat('p1s1')}</p>
+
+								<p>P1S printer R: {p1sPrinter3dStat('p1s2')}</p>
+
 								{stats && stats?.solar?.hasOwnProperty('total') && <p>
 									Members' solar power: {stats.solar.total.toLocaleString()} W <Popup content={
 										<React.Fragment>