translate NTP, AP, MQTT and User

interface/src/framework/security/SecuritySettingsForm.tsx

@@ -11,7 +11,11 @@ import { SECURITY_SETTINGS_VALIDATOR, validate } from '../../validators';
 import { updateValue, useRest } from '../../utils';
 import { AuthenticatedContext } from '../../contexts/authentication';
 
+import { useI18nContext } from '../../i18n/i18n-react';
+
 const SecuritySettingsForm: FC = () => {
+  const { LL } = useI18nContext();
+
   const [fieldErrors, setFieldErrors] = useState<ValidateFieldsError>();
   const { loadData, saving, data, setData, saveData, errorMessage } = useRest<SecuritySettings>({
     read: SecurityApi.readSecuritySettings,
@@ -42,7 +46,7 @@ const SecuritySettingsForm: FC = () => {
         <ValidatedPasswordField
           fieldErrors={fieldErrors}
           name="jwt_secret"
-          label="su Password"
+          label={"su " + LL.PASSWORD()}
           fullWidth
           variant="outlined"
           value={data.jwt_secret}
@@ -51,7 +55,7 @@ const SecuritySettingsForm: FC = () => {
         />
         <MessageBox
           level="info"
-          message="The su (super user) password is used to sign authentication tokens and also enable admin privileges within the Console."
+          message={LL.SU_TEXT()}
           mt={1}
         />
         <ButtonRow>
@@ -63,7 +67,7 @@ const SecuritySettingsForm: FC = () => {
             type="submit"
             onClick={validateAndSubmit}
           >
-            Save
+            {LL.SAVE()}
           </Button>
         </ButtonRow>
       </>
@@ -71,7 +75,7 @@ const SecuritySettingsForm: FC = () => {
   };
 
   return (
-    <SectionContent title="Security Settings" titleGutter>
+    <SectionContent title={LL.SECURITY() + " " + LL.SETTINGS()} titleGutter>
       {content()}
     </SectionContent>
   );