administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 15:45:27 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

stop sheet from displaying console errors

Browse Source
This commit is contained in:
Josh Hawkins 2024-10-15 22:56:47 -05:00
parent e2dd2728bf
commit a221e69913
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/components/overlay/dialog/PlatformAwareDialog.tsx
View File

@ -10,7 +10,14 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from "@/components/ui/popover"; } from "@/components/ui/popover";
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import {
Sheet,
SheetContent,
SheetDescription,
SheetHeader,
SheetTitle,
SheetTrigger,
} from "@/components/ui/sheet";
import { isMobile } from "react-device-detect"; import { isMobile } from "react-device-detect";
type PlatformAwareDialogProps = { type PlatformAwareDialogProps = {
@ -52,16 +59,20 @@ export default function PlatformAwareDialog({
type PlatformAwareSheetProps = { type PlatformAwareSheetProps = {
trigger: JSX.Element; trigger: JSX.Element;
title?: string | JSX.Element;
content: JSX.Element; content: JSX.Element;
triggerClassName?: string; triggerClassName?: string;
titleClassName?: string;
contentClassName?: string; contentClassName?: string;
open: boolean; open: boolean;
onOpenChange: (open: boolean) => void; onOpenChange: (open: boolean) => void;
}; };
export function PlatformAwareSheet({ export function PlatformAwareSheet({
trigger, trigger,
title,
content, content,
triggerClassName = "", triggerClassName = "",
titleClassName = "",
contentClassName = "", contentClassName = "",
open, open,
onOpenChange, onOpenChange,
@ -90,7 +101,15 @@ export function PlatformAwareSheet({
<SheetTrigger asChild className={triggerClassName}> <SheetTrigger asChild className={triggerClassName}>
{trigger} {trigger}
</SheetTrigger> </SheetTrigger>
<SheetContent className={contentClassName}>{content}</SheetContent> <SheetContent className={contentClassName}>
<SheetHeader>
<SheetTitle className={title ? titleClassName : "sr-only"}>
{title ?? ""}
</SheetTitle>
<SheetDescription className="sr-only">Information</SheetDescription>
</SheetHeader>
{content}
</SheetContent>
</Sheet> </Sheet>
); );
} }