Show hostname, network and exitnode

src/app.tsx

@@ -34,11 +34,6 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
 
     render() {
         
-
-        const columns: TableProps['cols'] = ['', 'IP', 'Hostname'];
-  
-
-        
         return (
             <>
                 {
@@ -47,6 +42,15 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
                                 aria-label="Tailscale peers"
                                 variant='compact' borders={false}>
                             <Caption>Tailscale peers</Caption>
+                            <Thead noWrap>
+                                <Tr>
+                                    <Th></Th>
+                                    <Th>IP</Th>
+                                    <Th>Hostname</Th>
+                                    <Th>Network</Th>
+                                    <Th>Exit node</Th>
+                                </Tr>
+                            </Thead>
                             <Tbody>
                                 <Peer {...this.state.Status.Self} />
                                 {
@@ -67,6 +71,11 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
 
 class Peer extends React.Component<TailscalePeer> {
     render() {
+
+        const name = this.props.DNSName.split('.');
+        const hostName = name[0];
+        const network = name[1] + '.' + 'ts.net';
+
         return (
             <Tr>
                 <Td>
@@ -75,7 +84,14 @@ class Peer extends React.Component<TailscalePeer> {
                         : <Icon status="danger"><ExclamationCircleIcon /></Icon>
                     }</Td>
                 <Td>{ this.props.TailscaleIPs[0] }</Td>
-                <Td>{this.props.HostName}</Td>
+                <Td>{ hostName }</Td>
+                <Td>{ network }</Td>
+                <Td>{ this.props.ExitNode
+                        ? "Current"
+                        : this.props.ExitNodeOption
+                            ? "Yes"
+                            : ""
+                }</Td>
             </Tr>);
     }
 }