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

diff --git a/src/app/routes.js b/src/app/routes.js
index 7138ecde055ee44174b64413ccb49ca64e55c1a0..3c24f4213ef118a371e3a1aa965fded782844332 100755 (executable)
--- a/src/app/routes.js
+++ b/src/app/routes.js
@@ -6,13 +6,19 @@ import { VPNProvider } from './components/VPN/VPNContext';
 
 export default function AppRoutes() {
   return (
-    <Routes>
-      <Route path="/" element={<Dashboard />} />
-      <Route path="/login" element={<Login />} />
-      <Route path="/git" element={<Git />} />
-      <Route path="/vpn" element={ <VPNProvider><VPN/></VPNProvider>} />
-      <Route path="/docker" element={<Docker />} />
-      <Route path="*" element={<NotFound />} />
-    </Routes>
+    <VPNProvider><Routes>
+      <Route path="/"
+             element={ <Dashboard/> }/>
+      <Route path="/login"
+             element={ <Login/> }/>
+      <Route path="/git"
+             element={ <Git/> }/>
+      <Route path="/vpn"
+             element={ <VPN/> }/>
+      <Route path="/docker"
+             element={ <Docker/> }/>
+      <Route path="*"
+             element={ <NotFound/> }/>
+    </Routes></VPNProvider>
   );
 };