merged with master

1 files changed, 11 insertions, 2 deletions

diff --git a/src/client/util/SettingsManager.tsx b/src/client/util/SettingsManager.tsx
index 278931cdd..fde8869e3 100644
--- a/src/client/util/SettingsManager.tsx
+++ b/src/client/util/SettingsManager.tsx
@@ -1,5 +1,3 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, ColorPicker, Dropdown, DropdownType, EditableText, Group, NumberDropdown, Size, Toggle, ToggleType, Type } from 'browndash-components';
 import { action, computed, makeObservable, observable, reaction, runInAction } from 'mobx';
@@ -234,6 +232,17 @@ export class SettingsManager extends React.Component<object> {
                     color={SettingsManager.userColor}
                 />
                 <Toggle
+                    formLabel="Recognize Face Images"
+                    formLabelPlacement="right"
+                    toggleType={ToggleType.SWITCH}
+                    onClick={() => {
+                        Doc.UserDoc().recognizeFaceImages = !Doc.UserDoc().recognizeFaceImages;
+                    }}
+                    toggleStatus={BoolCast(Doc.UserDoc().recognizeFaceImages)}
+                    size={Size.XSMALL}
+                    color={SettingsManager.userColor}
+                />
+                <Toggle
                     formLabel="Show Full Toolbar"
                     formLabelPlacement="right"
                     toggleType={ToggleType.SWITCH}