diff --git a/apps/web/components/ContentSearch.tsx b/apps/web/components/ContentSearch.tsx index b8f8261d..c3460636 100644 --- a/apps/web/components/ContentSearch.tsx +++ b/apps/web/components/ContentSearch.tsx @@ -66,11 +66,9 @@ export function ContentSearch({ tracks }: { tracks: TrackPros[] }) { useEffect(() => { const handleKeyPress = (event: KeyboardEvent) => { switch (event.code) { - case "KeyK": - if (event.ctrlKey) { + case "Slash": event.preventDefault(); setDialogOpen(true); - } break; case "ArrowDown": event.preventDefault(); @@ -123,7 +121,7 @@ export function ContentSearch({ tracks }: { tracks: TrackPros[] }) { Search - Ctrl + K + /
diff --git a/packages/ui/src/shad/ui/dailog.tsx b/packages/ui/src/shad/ui/dailog.tsx deleted file mode 100644 index 54ae0f82..00000000 --- a/packages/ui/src/shad/ui/dailog.tsx +++ /dev/null @@ -1,92 +0,0 @@ -"use client"; - -import * as React from "react"; -import * as DialogPrimitive from "@radix-ui/react-dialog"; - -import { cn } from "@repo/ui/utils"; - -const Dialog = DialogPrimitive.Root; - -const DialogTrigger = DialogPrimitive.Trigger; - -const DialogPortal = DialogPrimitive.Portal; - -const DialogClose = DialogPrimitive.Close; - -const DialogOverlay = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)); -DialogOverlay.displayName = DialogPrimitive.Overlay.displayName; - -const DialogContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, children, ...props }, ref) => ( - - - - {children} - - -)); -DialogContent.displayName = DialogPrimitive.Content.displayName; - -const DialogHeader = ({ className, ...props }: React.HTMLAttributes) => ( -
-); -DialogHeader.displayName = "DialogHeader"; - -const DialogFooter = ({ className, ...props }: React.HTMLAttributes) => ( -
-); -DialogFooter.displayName = "DialogFooter"; - -const DialogTitle = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)); -DialogTitle.displayName = DialogPrimitive.Title.displayName; - -const DialogDescription = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)); -DialogDescription.displayName = DialogPrimitive.Description.displayName; - -export { - Dialog, - DialogPortal, - DialogOverlay, - DialogTrigger, - DialogClose, - DialogContent, - DialogHeader, - DialogFooter, - DialogTitle, - DialogDescription, -};