Creating VPNContext.jsx to share state through all vpn components.

diff --git a/src/app/routes.js b/src/app/routes.js
index 0b8e0ac909656eb7c79476a151ad7a0dbf33c81a..c18771cd7dc00c6cfbaa6f0f5123e1ba438180fe 100755 (executable)
--- a/src/app/routes.js
+++ b/src/app/routes.js
@@ -1,5 +1,6 @@
 import { Route, Routes } from 'react-router-dom';
 import { Login, NotFound, Dashboard, Git, VPN, Docker } from './views';
+import { VPNProvider } from './components/VPN/VPNContext';
 
 export default function AppRoutes() {
   return (
@@ -7,7 +8,7 @@ export default function AppRoutes() {
       <Route path="/" element={<Dashboard />} />
       <Route path="/login" element={<Login />} />
       <Route path="/git" element={<Git />} />
-      <Route path="/vpn" element={ <VPN/>} />
+      <Route path="/vpn" element={ <VPNProvider><VPN/></VPNProvider>} />
       <Route path="/docker" element={<Docker />} />
       <Route path="*" element={<NotFound />} />
     </Routes>