From: charleswrayjr <charleswrayjr@gmail.com>
Date: Tue, 9 Sep 2025 15:32:32 +0000 (-0500)
Subject: Separating the revoke client functionality from the main vpn lists.
X-Git-Url: https://git.phasecustomsoft.com/?a=commitdiff_plain;h=6310fb9388dab9841eacf97fc4dfca6c6b5b3570;p=phs-admin.git

Separating the revoke client functionality from the main vpn lists.
---

diff --git a/src/app/components/VPN/CreateVPNClientDialog.jsx b/src/app/components/VPN/CreateVPNClientDialog.jsx
new file mode 100644
index 0000000..30f1cf3
--- /dev/null
+++ b/src/app/components/VPN/CreateVPNClientDialog.jsx
@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button, TextField, Select, MenuItem } from '@mui/material';
+
+const CreateVPNClientDialog = ( { open, onClose, onCreate }) => {
+	const [clientName, setClientName] = useState('');
+	const [staticIp, setStaticIp] = useState('');
+	const [useStaticIp, setUseStaticIp] = useState(false);
+	// noinspection JSValidateTypes
+	return (
+		<Dialog open={open} onClose={onClose}>
+			<DialogTitle>Create New Client</DialogTitle>
+			<form onSubmit={ e => {
+				onCreate(e, { clientName, staticIp, useStaticIp } );
+			} } className="space-y-4" >
+				<DialogContent>
+					<TextField
+						label="Client Name"
+						value={clientName}
+						onChange={(e) => setClientName(e.target.value)}
+						fullWidth
+					/>
+					<Select
+						value={useStaticIp}
+						onChange={(e) => setUseStaticIp(e.target.value)}
+						fullWidth
+						variant='standard'>
+						<MenuItem value={false} >Dynamic IP</MenuItem>
+						<MenuItem value={true} >Static IP</MenuItem>
+					</Select>
+					{useStaticIp && (
+						<TextField
+							label="Static IP"
+							value={staticIp}
+							onChange={(e) => setStaticIp(e.target.value)}
+							fullWidth
+							placeholder="e.g., 10.8.0.x"
+						/>
+					)}
+				</DialogContent>
+				<DialogActions>
+					<Button type="submit" variant="contained" color="primary">Create</Button>
+					<Button variant='contained' color='primary' onClick={onClose}>Cancel</Button>
+				</DialogActions>
+			</form>
+		</Dialog>
+	);
+};
+
+export default CreateVPNClientDialog;
\ No newline at end of file
diff --git a/src/app/components/index.js b/src/app/components/index.js
index eecdf81..e12529e 100644
--- a/src/app/components/index.js
+++ b/src/app/components/index.js
@@ -1 +1,2 @@
-export * from './VPN/ConfirmRevoke';
\ No newline at end of file
+export * as ConfirmRevoke from './VPN/ConfirmRevoke';
+export * as CreateVPNClientDialog from './VPN/CreateVPNClientDialog';
\ No newline at end of file
diff --git a/src/app/views/VPN/CreateVPNClientDialog.jsx b/src/app/views/VPN/CreateVPNClientDialog.jsx
deleted file mode 100644
index 30f1cf3..0000000
--- a/src/app/views/VPN/CreateVPNClientDialog.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useState } from 'react';
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button, TextField, Select, MenuItem } from '@mui/material';
-
-const CreateVPNClientDialog = ( { open, onClose, onCreate }) => {
-	const [clientName, setClientName] = useState('');
-	const [staticIp, setStaticIp] = useState('');
-	const [useStaticIp, setUseStaticIp] = useState(false);
-	// noinspection JSValidateTypes
-	return (
-		<Dialog open={open} onClose={onClose}>
-			<DialogTitle>Create New Client</DialogTitle>
-			<form onSubmit={ e => {
-				onCreate(e, { clientName, staticIp, useStaticIp } );
-			} } className="space-y-4" >
-				<DialogContent>
-					<TextField
-						label="Client Name"
-						value={clientName}
-						onChange={(e) => setClientName(e.target.value)}
-						fullWidth
-					/>
-					<Select
-						value={useStaticIp}
-						onChange={(e) => setUseStaticIp(e.target.value)}
-						fullWidth
-						variant='standard'>
-						<MenuItem value={false} >Dynamic IP</MenuItem>
-						<MenuItem value={true} >Static IP</MenuItem>
-					</Select>
-					{useStaticIp && (
-						<TextField
-							label="Static IP"
-							value={staticIp}
-							onChange={(e) => setStaticIp(e.target.value)}
-							fullWidth
-							placeholder="e.g., 10.8.0.x"
-						/>
-					)}
-				</DialogContent>
-				<DialogActions>
-					<Button type="submit" variant="contained" color="primary">Create</Button>
-					<Button variant='contained' color='primary' onClick={onClose}>Cancel</Button>
-				</DialogActions>
-			</form>
-		</Dialog>
-	);
-};
-
-export default CreateVPNClientDialog;
\ No newline at end of file
diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index b91f4af..a8bdff8 100644
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -1,11 +1,10 @@
 import React, { useState, useEffect } from 'react';
-import { Container, Typography, TextField, Button, Select, MenuItem } from '@mui/material';
+import { Container, Typography, Button } from '@mui/material';
 import { MaterialReactTable } from 'material-react-table';
 /*import axios from 'axios';*/
 import 'tailwindcss/tailwind.css';
 import { VPNService } from '../../services';
-import CreateVPNClientDialog from './CreateVPNClientDialog';
-import { ConfirmRevoke } from '../components';
+import { ConfirmRevoke, CreateVPNClientDialog } from '../../components';
 
 const VPN = () => {
   /*const [token, setToken] = useState('');