From 9815c49935d923a08292873d7267c713eeb3b89a Mon Sep 17 00:00:00 2001
From: charleswrayjr <charleswrayjr@gmail.com>
Date: Tue, 9 Sep 2025 14:14:09 -0500
Subject: [PATCH] Adding a server status dialog.

---
 src/app/components/VPN/VPNContext.jsx      |  5 +----
 src/app/components/VPN/VPNStatusDialog.jsx | 13 -------------
 src/app/components/index.js                |  3 +--
 src/app/views/VPN/VPN.jsx                  | 10 ++--------
 4 files changed, 4 insertions(+), 27 deletions(-)
 delete mode 100644 src/app/components/VPN/VPNStatusDialog.jsx

diff --git a/src/app/components/VPN/VPNContext.jsx b/src/app/components/VPN/VPNContext.jsx
index 266f25f..6cad695 100644
--- a/src/app/components/VPN/VPNContext.jsx
+++ b/src/app/components/VPN/VPNContext.jsx
@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { VPNService } from '../../services';
-import { ConfirmRevoke, CreateVPNClientDialog, VPNStatusDialog } from '../index';
+import { ConfirmRevoke, CreateVPNClientDialog } from '../index';
 
 const VPNContext = createContext( undefined );
 
@@ -88,8 +88,5 @@ export const VPNProvider = ( { children } ) => {
     { createOpen && <CreateVPNClientDialog open={ createOpen }
                                            onClose={ () => setCreateOpen( false ) }
                                            onCreate={ handleCreateClientSubmit }/> }
-    { statusOpen && <VPNStatusDialog open={ statusOpen }
-                                     onClose={ () => setStatusOpen( false ) }
-                                     status={ serverStatus }/> }
     { children }</VPNContext.Provider>;
 };
diff --git a/src/app/components/VPN/VPNStatusDialog.jsx b/src/app/components/VPN/VPNStatusDialog.jsx
deleted file mode 100644
index 3a25266..0000000
--- a/src/app/components/VPN/VPNStatusDialog.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button} from '@mui/material';
-
-export default function VPNStatusDialog( { open, onClose, status } ) {
-	return (
-		<Dialog open={ open } onClose={ onClose } >
-			<DialogTitle>VPN Status</DialogTitle>
-			<DialogContent>{ status }</DialogContent>
-			<DialogActions>
-				<Button onClick={ onClose }>OK</Button>
-			</DialogActions>
-		</Dialog>
-	);
-};
\ No newline at end of file
diff --git a/src/app/components/index.js b/src/app/components/index.js
index 7e4e52e..8925720 100644
--- a/src/app/components/index.js
+++ b/src/app/components/index.js
@@ -1,6 +1,5 @@
 import ConfirmRevoke from './VPN/ConfirmRevoke';
 import CreateVPNClientDialog from './VPN/CreateVPNClientDialog';
-import VPNStatusDialog from './VPN/VPNStatusDialog';
 export * from './VPN/VPNContext';
 
-export { ConfirmRevoke, CreateVPNClientDialog, VPNStatusDialog };
\ No newline at end of file
+export { ConfirmRevoke, CreateVPNClientDialog };
\ No newline at end of file
diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index 6fdfefb..03f4d19 100644
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -9,7 +9,7 @@ const VPN = () => {
     availableClients,
     message,
     setCreateOpen,
-    setStatusOpen } = useVPN();
+    serverStatus } = useVPN();
   const clientTable = useMaterialReactTable( {
     columns: [
       { accessorKey: 'name', header: 'Name' },
@@ -69,19 +69,13 @@ const VPN = () => {
                 onClick={ () => setCreateOpen( true ) }>
           Create Client
         </Button>
-        <Button variant='contained'
-                color='warning'
-                size='small'
-                onClick={ () => setStatusOpen( true ) }>
-          Show VPN Status
-        </Button>
       </>
     )
   });
 
   return (
     <Container>
-      <Typography variant="h5" className="mt-6">Available OpenVPN Clients</Typography>
+      <Typography variant="h5" className="mt-6">Available OpenVPN Clients<small>Status: <small style={{ color: serverStatus ? '#00FF00' : '#FF0000' }}>{ serverStatus ? 'Active' : 'Inactive' }</small></small></Typography>
       <MaterialReactTable table={ availableTable } />
 
       <Typography variant="h5" className="mt-6">Connected OpenVPN Clients</Typography>
-- 
2.43.0