Separating the revoke client functionality from the main vpn lists.

diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index c5839bb06a409729e5d21aafc69bc3d453c89a16..9b5dcb4f00aaf9329821eb14eb1fbb66ae63aec8 100644 (file)
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -45,13 +45,14 @@ const VPN = () => {
     ],
     data: availableClients,
     renderTopToolbarCustomActions: () => (
-      <Button
-        variant="contained"
-        color="primary"
-        onClick={() => setCreateOpen(true)}
-      >
-        Create Client
-      </Button>
+      <>
+        {createOpen && <CreateVPNClientDialog open={createOpen} onClose={() => setCreateOpen(false)} onCreate={handleCreateClientSubmit}/>}
+        <Button variant="contained"
+                color="primary"
+                onClick={ () => setCreateOpen( true ) }>
+          Create Client
+        </Button>
+      </>
     )
   });