Warn user in WebUI of unsaved changes #911

interface/src/AuthenticatedRouting.tsx

@@ -1,8 +1,7 @@
-import { FC, useCallback, useContext, useEffect } from 'react';
+import { FC, useCallback, useEffect } from 'react';
 import { Navigate, Routes, Route, useNavigate, useLocation } from 'react-router-dom';
 import { AxiosError } from 'axios';
 
-import { FeaturesContext } from './contexts/features';
 import * as AuthenticationApi from './api/authentication';
 import { PROJECT_PATH } from './api/env';
 import { AXIOS } from './api/endpoints';
@@ -18,7 +17,6 @@ import System from './framework/system/System';
 import Security from './framework/security/Security';
 
 const AuthenticatedRouting: FC = () => {
-  const { features } = useContext(FeaturesContext);
   const location = useLocation();
   const navigate = useNavigate();
 
@@ -41,23 +39,21 @@ const AuthenticatedRouting: FC = () => {
   return (
     <Layout>
       <Routes>
-        {features.project && <Route path={`/${PROJECT_PATH}/*`} element={<ProjectRouting />} />}
+        <Route path={`/${PROJECT_PATH}/*`} element={<ProjectRouting />} />
         <Route path="/network/*" element={<NetworkConnection />} />
         <Route path="/ap/*" element={<AccessPoint />} />
-        {features.ntp && <Route path="/ntp/*" element={<NetworkTime />} />}
-        {features.mqtt && <Route path="/mqtt/*" element={<Mqtt />} />}
-        {features.security && (
-          <Route
-            path="/security/*"
-            element={
-              <RequireAdmin>
-                <Security />
-              </RequireAdmin>
-            }
-          />
-        )}
+        <Route path="/ntp/*" element={<NetworkTime />} />
+        <Route path="/mqtt/*" element={<Mqtt />} />
+        <Route
+          path="/security/*"
+          element={
+            <RequireAdmin>
+              <Security />
+            </RequireAdmin>
+          }
+        />
         <Route path="/system/*" element={<System />} />
-        <Route path="/*" element={<Navigate to={AuthenticationApi.getDefaultRoute(features)} />} />
+        <Route path="/*" element={<Navigate to={AuthenticationApi.getDefaultRoute} />} />
       </Routes>
     </Layout>
   );