display serial number on peer information

Signed-off-by: Edouard Vanbelle <[email protected]>

Author: EdouardVanbelle

src/app/(dashboard)/peer/page.tsx

@@ -31,6 +31,7 @@ import dayjs from "dayjs";
 import { isEmpty, trim } from "lodash";
 import {
   Cpu,
+  Barcode,
   FlagIcon,
   Globe,
   History,
@@ -429,6 +430,17 @@ function PeerInformationCard({ peer }: { peer: Peer }) {
           }
           value={peer.os}
         />
+
+        <Card.ListItem
+          label={
+            <>
+              <Barcode size={16} />
+              Serial Number
+            </>
+          }
+          value={peer.serial_number}
+        />
+
         <Card.ListItem
           label={
             <>
@@ -465,6 +477,7 @@ function PeerInformationCard({ peer }: { peer: Peer }) {
           }
           value={peer.ui_version?.replace("netbird-desktop-ui/", "")}
         />
+
       </Card.List>
     </Card>
   );

src/interfaces/Peer.ts

@@ -23,4 +23,5 @@ export interface Peer {
   city_name: string;
   country_code: string;
   connection_ip: string;
+  serial_number: string;
 }