From: charleswrayjr <charleswrayjr@gmail.com>
Date: Tue, 9 Sep 2025 20:15:38 +0000 (-0500)
Subject: Adding a disconnect client dialog.
X-Git-Url: https://git.phasecustomsoft.com/?a=commitdiff_plain;h=687a35b40f3fd5239e27c5fb36054208c88116ef;p=phs-admin.git

Adding a disconnect client dialog.
---

diff --git a/src/app/components/VPN/VPNContext.jsx b/src/app/components/VPN/VPNContext.jsx
index 66d1fbd..7692c3c 100644
--- a/src/app/components/VPN/VPNContext.jsx
+++ b/src/app/components/VPN/VPNContext.jsx
@@ -49,12 +49,15 @@ export const VPNProvider = ( { children } ) => {
     setMessage( await VPNService.revokeClient( { revokeClientName }, fetchClients ) );
     fetchAvailableClients().catch( e => setMessage( e ) );
     setRevokeOpen( false );
+    setRevokeClientName( '' );
   };
 
   const handleDisconnect = async () => {
-    setMessage( await VPNService.disconnect() );
+    setMessage( await VPNService.disconnect( { clientName: revokeClientName, duration}) );
     fetchClients().catch( e => setMessage( e ) );
     setSuspendOpen( false );
+    setDuration( 1 );
+    setRevokeClientName( '' );
   };
 
   useEffect( () => {
diff --git a/src/app/services/VPN/VPNService.js b/src/app/services/VPN/VPNService.js
index 11feb3f..b2fb1d0 100644
--- a/src/app/services/VPN/VPNService.js
+++ b/src/app/services/VPN/VPNService.js
@@ -76,10 +76,10 @@ class VPNService {
     } );
   };
 
-  disconnect = () => {
+  disconnect = ( data ) => {
     return new Promise( async ( resolve ) => {
       try {
-        const response = await axios.put( `${ base_url }${ VPNConfig.disconnect }` );
+        const response = await axios.put( `${ base_url }${ VPNConfig.disconnect }`, data );
         resolve( response.data.message );
       } catch (error) {
         resolve( `Error: ${ error.response?.data?.error || 'Failed to disconnect' }` );
diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index 76936b8..010c784 100644
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -11,7 +11,8 @@ const VPN = () => {
     availableClients,
     message,
     setCreateOpen,
-    serverStatus } = useVPN();
+    serverStatus,
+    setSuspendOpen } = useVPN();
   const clientTable = useMaterialReactTable( {
     columns: [
       { accessorKey: 'name', header: 'Name' },
@@ -38,7 +39,7 @@ const VPN = () => {
             }}><BlockIcon/></IconButton>
             <IconButton size='small' color='warning' title='Suspend' onClick={() => {
               setRevokeClientName( row.original.clientName );
-              setRevokeOpen( true );
+              setSuspendOpen( true );
             }}><AccessTimeOutlined/></IconButton>
           </Grid>
         ),