Update general device information

2024-09-09 21:43:57 +02:00
parent a97614ce44
commit 36ba4efd9f
8 changed files with 109 additions and 30 deletions
--- a/central_frontend/src/routes/DeviceRoute/DeviceInfoProperty.tsx
+++ b/central_frontend/src/routes/DeviceRoute/DeviceInfoProperty.tsx
@@ -0,0 +1,15 @@
+import { TableCell, TableRow } from "@mui/material";
+
+export function DeviceInfoProperty(p: {
+  icon?: React.ReactElement;
+  label: string;
+  value: string;
+  color?: string;
+}): React.ReactElement {
+  return (
+    <TableRow hover sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
+      <TableCell>{p.label}</TableCell>
+      <TableCell style={{ color: p.color }}>{p.value}</TableCell>
+    </TableRow>
+  );
+}