web/public/locales/en/components/dialog.json

@@ -1,7 +1,6 @@
 {
   "restart": {
     "title": "Are you sure you want to restart Frigate?",
-    "description": "This will briefly stop Frigate while it restarts.",
     "button": "Restart",
     "restarting": {
       "title": "Frigate is Restarting",

web/src/components/menu/GeneralSettings.tsx

@@ -42,20 +42,12 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { isDesktop, isMobile } from "react-device-detect";
-import {
+import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerTitle,
-  DrawerTrigger,
-} from "../ui/drawer";
 import {
   Dialog,
   DialogClose,
   DialogContent,
-  DialogDescription,
   DialogPortal,
-  DialogTitle,
   DialogTrigger,
 } from "../ui/dialog";
 import { TooltipPortal } from "@radix-ui/react-tooltip";
@@ -202,16 +194,6 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
               : "max-h-[75dvh] overflow-hidden p-2"
           }
         >
-          {!isDesktop && (
-            <>
-              <DrawerTitle className="sr-only">
-                {t("menu.settings")}
-              </DrawerTitle>
-              <DrawerDescription className="sr-only">
-                {t("menu.settings")}
-              </DrawerDescription>
-            </>
-          )}
           <div className="scrollbar-container w-full flex-col overflow-y-auto overflow-x-hidden">
             {isMobile && (
               <div className="mb-2">
@@ -373,16 +355,6 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
                       : "scrollbar-container max-h-[75dvh] w-[92%] overflow-y-scroll rounded-lg md:rounded-2xl"
                   }
                 >
-                  {!isDesktop && (
-                    <>
-                      <DialogTitle className="sr-only">
-                        {t("menu.languages")}
-                      </DialogTitle>
-                      <DialogDescription className="sr-only">
-                        {t("menu.languages")}
-                      </DialogDescription>
-                    </>
-                  )}
                   <span tabIndex={0} className="sr-only" />
                   {languages.map(({ code, label }) => (
                     <MenuItem
@@ -423,16 +395,6 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
                     isDesktop ? "" : "w-[92%] rounded-lg md:rounded-2xl"
                   }
                 >
-                  {!isDesktop && (
-                    <>
-                      <DialogTitle className="sr-only">
-                        {t("menu.darkMode.label")}
-                      </DialogTitle>
-                      <DialogDescription className="sr-only">
-                        {t("menu.darkMode.label")}
-                      </DialogDescription>
-                    </>
-                  )}
                   <span tabIndex={0} className="sr-only" />
                   <MenuItem
                     className={
@@ -510,16 +472,6 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
                     isDesktop ? "" : "w-[92%] rounded-lg md:rounded-2xl"
                   }
                 >
-                  {!isDesktop && (
-                    <>
-                      <DialogTitle className="sr-only">
-                        {t("menu.theme.label")}
-                      </DialogTitle>
-                      <DialogDescription className="sr-only">
-                        {t("menu.theme.label")}
-                      </DialogDescription>
-                    </>
-                  )}
                   <span tabIndex={0} className="sr-only" />
                   {colorSchemes.map((scheme) => (
                     <MenuItem

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

@@ -4,7 +4,6 @@ import {
   AlertDialogAction,
   AlertDialogCancel,
   AlertDialogContent,
-  AlertDialogDescription,
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
@@ -38,12 +37,6 @@ export default function RestartDialog({
   const [restartingSheetOpen, setRestartingSheetOpen] = useState(false);
   const [countdown, setCountdown] = useState(60);
 
-  const clearBodyPointerEvents = () => {
-    if (typeof document !== "undefined") {
-      document.body.style.pointerEvents = "";
-    }
-  };
-
   useEffect(() => {
     setRestartDialogOpen(isOpen);
   }, [isOpen]);
@@ -81,25 +74,14 @@ export default function RestartDialog({
     <>
       <AlertDialog
         open={restartDialogOpen}
-        onOpenChange={(open) => {
+        onOpenChange={() => {
-          if (!open) {
+          setRestartDialogOpen(false);
-            setRestartDialogOpen(false);
+          onClose();
-            onClose();
-            clearBodyPointerEvents();
-          }
         }}
       >
-        <AlertDialogContent
+        <AlertDialogContent>
-          onCloseAutoFocus={(event) => {
-            event.preventDefault();
-            clearBodyPointerEvents();
-          }}
-        >
           <AlertDialogHeader>
             <AlertDialogTitle>{t("restart.title")}</AlertDialogTitle>
-            <AlertDialogDescription className="sr-only">
-              {t("restart.description")}
-            </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
             <AlertDialogCancel>

web/src/lib/const.ts

@@ -26,5 +26,6 @@ export const supportedLanguageKeys = [
   "lt",
   "uk",
   "cs",
+  "sk",
   "hu",
 ];