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 b3ce55e9cb73b28bcf94013a2b063f7bcb6bc3c8..c5839bb06a409729e5d21aafc69bc3d453c89a16 100644 (file)
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -44,11 +44,15 @@ const VPN = () => {
       },
     ],
     data: availableClients,
-    createDisplayMode: 'modal',
-    renderCreateRowDialogContent: () => (<CreateVPNClientDialog open={createOpen} onClose={() => setCreateOpen(false)} onCreate={handleCreateClientSubmit} />),
-    enableTopToolbar: true,
-    enableToolbarInternalActions: true,
-    enableRowActions: true,
+    renderTopToolbarCustomActions: () => (
+      <Button
+        variant="contained"
+        color="primary"
+        onClick={() => setCreateOpen(true)}
+      >
+        Create Client
+      </Button>
+    )
   });
 
   const fetchClients = async () => {