feat: display hexadecimal and decimal values for network addresses (#…

…2078)
nurikk · Jul 22, 2024 · 48568dd · 48568dd
1 parent ae76814
commit 48568dd
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/src/components/device-page/info.tsx b/src/components/device-page/info.tsx
@@ -169,7 +169,13 @@ export class DeviceInfo extends Component<
             {
                 key: 'network_address',
                 translationKey: 'network_address',
-                render: (device: Device) => <dd className="col-12 col-md-7">{toHex(device.network_address)}</dd>,
+                render: (device: Device) => (
+                    <dd className="col-12 col-md-7">
+                        <abbr title={t('network_address_hex')}>{toHex(device.network_address)}</abbr>
+                        {' / '}
+                        <abbr title={t('network_address_dec')}>{device.network_address}</abbr>
+                    </dd>
+                ),
             },
             {
                 key: 'date_code',

diff --git a/src/components/zigbee/DevicesTable.tsx b/src/components/zigbee/DevicesTable.tsx
@@ -121,7 +121,15 @@ export function DevicesTable(
                 }) => (
                     <>
                         <div>{device.ieee_address}</div>
-                        <div>({toHex(device.network_address, 4)})</div>
+                        <div>
+                            <abbr
+                                title={`${t('network_address_hex')} (${t('network_address_dec')}: ${
+                                    device.network_address
+                                })`}
+                            >
+                                ({toHex(device.network_address, 4)})
+                            </abbr>
+                        </div>
                     </>
                 ),
             },

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -2663,6 +2663,8 @@
     "min_rep_interval": "Min rep interval",
     "model": "Model",
     "network_address": "Network address",
+    "network_address_hex": "Network address in hexadecimal format",
+    "network_address_dec": "Network address in decimal format",
     "none": "None",
     "output_clusters": "Output clusters",
     "pic": "Pic",