More face fixes (#17630)

* update max upload to 20mb

* ensure cancel button doesn't submit form

* update nginx config

docker/main/rootfs/usr/local/nginx/conf/nginx.conf

@@ -82,7 +82,7 @@ http {
         aio on;
 
         # file upload size
-        client_max_body_size 10M;
+        client_max_body_size 20M;
 
         # https://github.com/kaltura/nginx-vod-module#vod_open_file_thread_pool
         vod_open_file_thread_pool default;

frigate/api/event.py

@@ -724,13 +724,15 @@ def events_search(request: Request, params: EventsSearchQueryParams = Depends())
     if (sort is None or sort == "relevance") and search_results:
         processed_events.sort(key=lambda x: x.get("search_distance", float("inf")))
     elif min_score is not None and max_score is not None and sort == "score_asc":
-        processed_events.sort(key=lambda x: x["score"])
+        processed_events.sort(key=lambda x: x["data"]["score"])
     elif min_score is not None and max_score is not None and sort == "score_desc":
-        processed_events.sort(key=lambda x: x["score"], reverse=True)
+        processed_events.sort(key=lambda x: x["data"]["score"], reverse=True)
     elif min_speed is not None and max_speed is not None and sort == "speed_asc":
-        processed_events.sort(key=lambda x: x["average_estimated_speed"])
+        processed_events.sort(key=lambda x: x["data"]["average_estimated_speed"])
     elif min_speed is not None and max_speed is not None and sort == "speed_desc":
-        processed_events.sort(key=lambda x: x["average_estimated_speed"], reverse=True)
+        processed_events.sort(
+            key=lambda x: x["data"]["average_estimated_speed"], reverse=True
+        )
     elif sort == "date_asc":
         processed_events.sort(key=lambda x: x["start_time"])
     else:

web/src/components/input/ImageEntry.tsx

@@ -25,7 +25,7 @@ type ImageEntryProps = {
 export default function ImageEntry({
   onSave,
   children,
-  maxSize = 10 * 1024 * 1024, // 10MB default
+  maxSize = 20 * 1024 * 1024, // 20MB default
   accept = { "image/*": [".jpeg", ".jpg", ".png", ".gif", ".webp"] },
 }: ImageEntryProps) {
   const { t } = useTranslation(["views/faceLibrary"]);

web/src/components/overlay/dialog/UploadImageDialog.tsx

@@ -35,7 +35,9 @@ export default function UploadImageDialog({
         </DialogHeader>
         <ImageEntry onSave={onSave}>
           <DialogFooter className="pt-4">
-            <Button onClick={() => setOpen(false)}>{t("button.cancel")}</Button>
+            <Button type="button" onClick={() => setOpen(false)}>
+              {t("button.cancel")}
+            </Button>
             <Button variant="select" type="submit">
               {t("button.save")}
             </Button>