add mysql keyboard shortcuts

Author: bobbymannino

apps/dokploy/hooks/use-keyboard-nav.tsx

@@ -3,7 +3,7 @@
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
 
-const PAGES = ["compose", "application", "postgres", "redis"] as const;
+const PAGES = ["compose", "application", "postgres", "redis", "mysql"] as const;
 type Page = typeof PAGES[number];
 
 type Shortcuts = Record<string, string>;
@@ -57,6 +57,7 @@ const SHORTCUTS: ShortcutsDictionary = {
   compose: COMPOSE_SHORTCUTS,
   postgres: POSTGRES_SHORTCUTS,
   redis: REDIS_SHORTCUTS,
+  mysql: POSTGRES_SHORTCUTS,
 };
 
 /**

apps/dokploy/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx

@@ -29,6 +29,7 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { UseKeyboardNav } from "@/hooks/use-keyboard-nav";
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
@@ -62,6 +63,7 @@ const MySql = (
 
 	return (
 		<div className="pb-10">
+		  <UseKeyboardNav forPage="mysql" />
 			<BreadcrumbSidebar
 				list={[
 					{ name: "Projects", href: "/dashboard/projects" },