Merge pull request #89 from K97i/v2-temps

Add Temps modal

Author: zleyyij

new/apps/web/src/lib/components/Widgets.svelte

@@ -40,12 +40,8 @@
 </div>
 
 <div class="widgets">
-	<RamUsage runningProcesses={report.System.RunningProcesses} ram={report.Hardware.Ram} />
-	<CpuUsage cpuLoad={report.Hardware.Cpu.LoadPercentage} />
-	<!-- 
-	<Temps /> -->
+	<Temps />
 	<AudioDevices audioDevices={report.Hardware.AudioDevices}/>
-	<!-- <PowerProfiles /> -->
 </div>
 
 <style>

new/apps/web/src/lib/components/widgets/Temps.svelte

@@ -1,18 +1,32 @@
-<!-- NOT YET IMPLEMENTED IN NEW WIDGET SYSTEM -->
 <script lang="ts">
 	import Widget from '../../common/ModalWidget.svelte';
+
+	interface TemperatureInfo {
+		Hardware: string;
+        SensorName: string;
+        SensorValue: number;
+	}
+
+	interface Props {
+		temps: Array<TemperatureInfo>;
+	}
+
+	let {
+		temps
+	}: Props = $props();
+
 </script>
 
 <!-- Temps -->
-<Widget title="Temps" modalId="temps-modal">
-	<div slot="values">
+<Widget title="Temps">
+	{#snippet widgetContents()}
 		<div class="widget-value">
 			<div>🔥</div>
 			<div>C</div>
 		</div>
-	</div>
+	{/snippet}
 
-	<div class="modal-body">
+	{#snippet modalContents()}
 		<table id="temp-table" class="table">
 			<thead>
 				<tr>
@@ -21,6 +35,15 @@
 					<th>Temperature</th>
 				</tr>
 			</thead>
+			<tbody>
+				{#each temps as sensor}
+					<tr>
+						<td>{sensor.Hardware}</td>
+						<td>{sensor.SensorName}</td>
+						<td>{sensor.SensorValue}</td>
+					</tr>
+				{/each}
+			</tbody>
 		</table>
-	</div>
+	{/snippet}
 </Widget>