fix NTP icons, add AP

interface/src/framework/system/System.tsx

@@ -1,11 +1,12 @@
 import { Tab } from '@mui/material';
+import { useContext, type FC } from 'react';
 import { Navigate, Routes, Route } from 'react-router-dom';
 import SystemLog from './SystemLog';
 import SystemStatus from './SystemStatus';
-import type { FC } from 'react';
 
-import { useRouterTab, RouterTabs, useLayoutTitle } from 'components';
+import { useRouterTab, RouterTabs, useLayoutTitle, RequireAdmin } from 'components';
 
+import { AuthenticatedContext } from 'contexts/authentication';
 import { useI18nContext } from 'i18n/i18n-react';
 import SystemActivity from 'project/SystemActivity';
 
@@ -15,18 +16,26 @@ const System: FC = () => {
   useLayoutTitle(LL.SYSTEM(0));
 
   const { routerTab } = useRouterTab();
+  const { me } = useContext(AuthenticatedContext);
 
   return (
     <>
       <RouterTabs value={routerTab}>
         <Tab value="status" label={LL.STATUS_OF('')} />
         <Tab value="activity" label={LL.ACTIVITY()} />
-        <Tab value="log" label={LL.LOG_OF('')} />
+        <Tab disabled={!me.admin} value="log" label={me.admin ? LL.LOG_OF('') : ''} />
       </RouterTabs>
       <Routes>
         <Route path="status" element={<SystemStatus />} />
         <Route path="activity" element={<SystemActivity />} />
-        <Route path="log" element={<SystemLog />} />
+        <Route
+          path="log"
+          element={
+            <RequireAdmin>
+              <SystemLog />
+            </RequireAdmin>
+          }
+        />
         <Route path="*" element={<Navigate replace to="status" />} />
       </Routes>
     </>

interface/src/framework/system/SystemStatus.tsx

@@ -1,3 +1,4 @@
+import AccessTimeIcon from '@mui/icons-material/AccessTime';
 import BuildIcon from '@mui/icons-material/Build';
 import CancelIcon from '@mui/icons-material/Cancel';
 import CastIcon from '@mui/icons-material/Cast';
@@ -6,6 +7,7 @@ import DirectionsBusIcon from '@mui/icons-material/DirectionsBus';
 import MemoryIcon from '@mui/icons-material/Memory';
 import PermScanWifiIcon from '@mui/icons-material/PermScanWifi';
 import RefreshIcon from '@mui/icons-material/Refresh';
+import SettingsInputAntennaIcon from '@mui/icons-material/SettingsInputAntenna';
 import TimerIcon from '@mui/icons-material/Timer';
 
 import {
@@ -249,7 +251,7 @@ const SystemStatus: FC = () => {
 
           <ListMenuItem
             disabled={!me.admin}
-            icon={DeviceHubIcon}
+            icon={AccessTimeIcon}
             bgcolor={ntpStatusHighlight()}
             label={LL.STATUS_OF('NTP')}
             text={ntpStatus()}
@@ -266,6 +268,16 @@ const SystemStatus: FC = () => {
             to="/settings/ota"
           />
           <Divider variant="inset" component="li" />
+
+          <ListMenuItem
+            disabled={!me.admin}
+            icon={SettingsInputAntennaIcon}
+            bgcolor={activeHighlight(data.ota_status)}
+            label={LL.ACCESS_POINT(0)}
+            text={data.ap_status ? LL.ACTIVE() : LL.INACTIVE(0)}
+            to="/settings/ap/status"
+          />
+          <Divider variant="inset" component="li" />
         </List>
 
         {renderScanDialog()}