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,
-};