Add endpoint to read firmware capabilities #1218

interface/src/framework/mqtt/MqttSettingsForm.tsx

@@ -1,7 +1,8 @@
 import CancelIcon from '@mui/icons-material/Cancel';
 import WarningIcon from '@mui/icons-material/Warning';
 import { Button, Checkbox, MenuItem, Grid, Typography, InputAdornment, TextField } from '@mui/material';
-import { useState } from 'react';
+import { useContext, useState } from 'react';
+import { FeaturesContext } from '../../contexts/features';
 import type { ValidateFieldsError } from 'async-validator';
 import type { FC } from 'react';
 
@@ -39,6 +40,7 @@ const MqttSettingsForm: FC = () => {
   });
 
   const { LL } = useI18nContext();
+  const { features } = useContext(FeaturesContext);
 
   const [fieldErrors, setFieldErrors] = useState<ValidateFieldsError>();
 
@@ -169,6 +171,10 @@ const MqttSettingsForm: FC = () => {
             </TextField>
           </Grid>
         </Grid>
+
+        {/* TODO here */}
+        <div>{JSON.stringify(features, null, 2)}</div>
+
         <BlockFormControlLabel
           control={<Checkbox name="clean_session" checked={data.clean_session} onChange={updateFormValue} />}
           label={LL.MQTT_CLEAN_SESSION()}