Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-06-15 20:25:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

[autofix.ci] apply automated fixes

Browse Source
This commit is contained in:
autofix-ci[bot]
2025-08-11 18:28:50 +00:00
committed by GitHub
parent 957d1b5966
commit ed53bdd0fa
6 changed files with 84 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
apps/dokploy/hooks/use-keyboard-nav.tsx
View File

@@ -4,114 +4,112 @@ import { usePathname, useRouter, useSearchParams } from "next/navigation";
import { useCallback, useEffect, useState } from "react";
const PAGES = ["compose", "application", "postgres", "redis", "mysql"] as const;
type Page = typeof PAGES[number];
type Page = (typeof PAGES)[number];
type Shortcuts = Record<string, string>;
type ShortcutsDictionary = Record<Page, Shortcuts>;
const COMPOSE_SHORTCUTS: Shortcuts = {
g: "general",
e: "environment",
u: "domains",
d: "deployments",
b: "backups",
s: "schedules",
v: "volumeBackups",
l: "logs",
m: "monitoring",
a: "advanced",
g: "general",
e: "environment",
u: "domains",
d: "deployments",
b: "backups",
s: "schedules",
v: "volumeBackups",
l: "logs",
m: "monitoring",
a: "advanced",
};
const APPLICATION_SHORTCUTS: Shortcuts = {
g: "general",
e: "environment",
u: "domains",
p: "preview-deployments",
s: "schedules",
v: "volume-backups",
d: "deployments",
l: "logs",
m: "monitoring",
a: "advanced",
g: "general",
e: "environment",
u: "domains",
p: "preview-deployments",
s: "schedules",
v: "volume-backups",
d: "deployments",
l: "logs",
m: "monitoring",
a: "advanced",
};
const POSTGRES_SHORTCUTS: Shortcuts = {
g: "general",
e: "environment",
l: "logs",
m: "monitoring",
b: "backups",
a: "advanced",
g: "general",
e: "environment",
l: "logs",
m: "monitoring",
b: "backups",
a: "advanced",
};
const REDIS_SHORTCUTS: Shortcuts = {
g: "general",
e: "environment",
l: "logs",
m: "monitoring",
a: "advanced",
g: "general",
e: "environment",
l: "logs",
m: "monitoring",
a: "advanced",
};
const SHORTCUTS: ShortcutsDictionary = {
application: APPLICATION_SHORTCUTS,
compose: COMPOSE_SHORTCUTS,
postgres: POSTGRES_SHORTCUTS,
redis: REDIS_SHORTCUTS,
mysql: POSTGRES_SHORTCUTS,
application: APPLICATION_SHORTCUTS,
compose: COMPOSE_SHORTCUTS,
postgres: POSTGRES_SHORTCUTS,
redis: REDIS_SHORTCUTS,
mysql: POSTGRES_SHORTCUTS,
};
/**
* Use this to register keyboard shortcuts for different pages. Each shortcut
* must be prefixed with `g` (like GitHub).
*
* @example
* - `g g` "General",
* - `g e` "Environment",
* - `g u` "Domains",
*/
* Use this to register keyboard shortcuts for different pages. Each shortcut
* must be prefixed with `g` (like GitHub).
*
* @example
* - `g g` "General",
* - `g e` "Environment",
* - `g u` "Domains",
*/
export function UseKeyboardNav({ forPage }: { forPage: Page }) {
const [isModPressed, setModPressed] = useState(false);
const [timer, setTimer] = useState<NodeJS.Timeout | null>(null);
const [isModPressed, setModPressed] = useState(false);
const [timer, setTimer] = useState<NodeJS.Timeout | null>(null);
const sp = useSearchParams();
const router = useRouter();
const pathname = usePathname();
const sp = useSearchParams();
const router = useRouter();
const pathname = usePathname();
const shortcuts = SHORTCUTS[forPage];
const shortcuts = SHORTCUTS[forPage];
const updateSearchParam = useCallback(
(name: string, value: string) => {
const params = new URLSearchParams(sp.toString());
params.set(name, value);
const updateSearchParam = useCallback(
(name: string, value: string) => {
const params = new URLSearchParams(sp.toString());
params.set(name, value);
return params.toString();
},
[sp],
);
return params.toString();
},
[sp],
);
useEffect(() => {
const handleKeyDown = ({ key }: KeyboardEvent) => {
if (isModPressed) {
if (timer) clearTimeout(timer);
setModPressed(false);
useEffect(() => {
const handleKeyDown = ({ key }: KeyboardEvent) => {
if (isModPressed) {
if (timer) clearTimeout(timer);
setModPressed(false);
if (key in shortcuts) {
const tab = shortcuts[key]!;
router.push(
`${pathname}?${updateSearchParam("tab", tab)}`,
);
}
} else {
if (key === "g") {
setModPressed(true);
setTimer(setTimeout(() => setModPressed(false), 5000));
}
}
};
if (key in shortcuts) {
const tab = shortcuts[key]!;
router.push(`${pathname}?${updateSearchParam("tab", tab)}`);
}
} else {
if (key === "g") {
setModPressed(true);
setTimer(setTimeout(() => setModPressed(false), 5000));
}
}
};
window.addEventListener("keydown", handleKeyDown);
return () => window.removeEventListener("keydown", handleKeyDown);
}, [isModPressed, timer, updateSearchParam, router, pathname]);
window.addEventListener("keydown", handleKeyDown);
return () => window.removeEventListener("keydown", handleKeyDown);
}, [isModPressed, timer, updateSearchParam, router, pathname]);
return null;
return null;
}

2
apps/dokploy/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
View File

@@ -92,7 +92,7 @@ const Service = (
return (
<div className="pb-10">
<UseKeyboardNav forPage="application" />
<UseKeyboardNav forPage="application" />
<BreadcrumbSidebar
list={[
{ name: "Projects", href: "/dashboard/projects" },

2
apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
View File

@@ -83,7 +83,7 @@ const Service = (
return (
<div className="pb-10">
<UseKeyboardNav forPage="compose" />
<UseKeyboardNav forPage="compose" />
<BreadcrumbSidebar
list={[
{ name: "Projects", href: "/dashboard/projects" },

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

@@ -63,7 +63,7 @@ const MySql = (
return (
<div className="pb-10">
<UseKeyboardNav forPage="mysql" />
<UseKeyboardNav forPage="mysql" />
<BreadcrumbSidebar
list={[
{ name: "Projects", href: "/dashboard/projects" },

2
apps/dokploy/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
View File

@@ -63,7 +63,7 @@ const Postgresql = (
return (
<div className="pb-10">
<UseKeyboardNav forPage="postgres" />
<UseKeyboardNav forPage="postgres" />
<BreadcrumbSidebar
list={[
{ name: "Projects", href: "/dashboard/projects" },

2
apps/dokploy/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
View File

@@ -63,7 +63,7 @@ const Redis = (
return (
<div className="pb-10">
<UseKeyboardNav forPage="redis" />
<UseKeyboardNav forPage="redis" />
<BreadcrumbSidebar
list={[
{ name: "Projects", href: "/dashboard/projects" },