Minor refacto

central_frontend/src/routes/DeviceRoute/GeneralDeviceInfo.tsx

@@ -3,6 +3,7 @@ import { IconButton, Table, TableBody, Tooltip } from "@mui/material";
 import React from "react";
 import { Device } from "../../api/DeviceApi";
 import { EditDeviceMetadataDialog } from "../../dialogs/EditDeviceMetadataDialog";
+import { BoolText } from "../../widgets/BoolText";
 import { formatDate } from "../../widgets/TimeWidget";
 import { DeviceInfoProperty } from "./DeviceInfoProperty";
 import { DeviceRouteCard } from "./DeviceRouteCard";
@@ -55,8 +56,9 @@ export function GeneralDeviceInfo(p: {
             />
             <DeviceInfoProperty
               label="Enabled"
-              value={p.device.enabled ? "YES" : "NO"}
-              color={p.device.enabled ? "green" : "red"}
+              value={
+                <BoolText val={p.device.enabled} positive="YES" negative="NO" />
+              }
             />
             <DeviceInfoProperty
               label="Maximum number of relays"