Adding available clients section to VPN page.

diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index 139dc8efb2df68493b380406bc9c42c2b1a7b4c8..6052d8ae38dbde838356c1f20c9ce1fd383f755f 100644 (file)
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -51,6 +51,8 @@ const VPN = () => {
     setMessage( await VPNService.revokeClient( { revokeClientName }, fetchClients ) );
   };
 
+  console.log(availableClients);
+
   return (
     <Container>
       <Typography variant="h5" className="mt-6">Create OpenVPN Client</Typography>
@@ -96,7 +98,7 @@ const VPN = () => {
       <MaterialReactTable
         columns={[
           { accessorKey: 'clientName', header: 'Name' },
-          { accessorKey: 'ip', header: 'IP' },
+          { accessorKey: 'staticIp', header: 'IP' },
           { accessorKey: 'hasCertificate', header: 'Active Certificate' },
           { accessorFn: row => clients.find( c => c.name === row.clientName ), header: 'Connected' },
         ]}