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

---
 src/app/views/VPN/VPN.jsx | 37 ++++++++++---------------------------
 1 file changed, 10 insertions(+), 27 deletions(-)

diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index c1a0c9e..1fa88d8 100644
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -1,6 +1,7 @@
-import { Container, Typography, Button, Grid } from '@mui/material';
+import { Container, Typography, Button, Grid, IconButton } from '@mui/material';
 import { MaterialReactTable, useMaterialReactTable } from 'material-react-table';
 import { useVPN } from '../../components';
+import { RemoveCircleOutlined, AccessTimeOutlined } from '@mui/icons-material/';
 
 const VPN = () => {
   const { setRevokeOpen,
@@ -30,32 +31,14 @@ const VPN = () => {
         header: 'Banning',
         Cell: ({ row }) => (
           <Grid container spacing={1} alignItems='center'>
-            <Grid item xs={6}>
-              <Button
-                size='small'
-                variant='contained'
-                color='secondary'
-                onClick={() => {
-                  setRevokeClientName( row.original.clientName );
-                  setRevokeOpen( true );
-                }}
-              >
-                Revoke
-              </Button>
-            </Grid>
-            <Grid item xs={6}>
-              <Button
-                size='small'
-                variant='contained'
-                color='secondary'
-                onClick={() => {
-                  setRevokeClientName( row.original.clientName );
-                  setRevokeOpen( true );
-                }}
-              >
-                Suspend
-              </Button>
-            </Grid>
+            <IconButton size='small' color='secondary' title='Revoke' onClick={() => {
+              setRevokeClientName( row.original.clientName );
+              setRevokeOpen( true );
+            }}><RemoveCircleOutlined/></IconButton>
+            <IconButton size='small' color='secondary' title='Suspend' onClick={() => {
+              setRevokeClientName( row.original.clientName );
+              setRevokeOpen( true );
+            }}><AccessTimeOutlined/></IconButton>
           </Grid>
         ),
       },
-- 
2.43.0