From 08bbeceebae9d4e2d594a36cd228f5316a73ab02 Mon Sep 17 00:00:00 2001
From: "Max W." <walzen665@web.de>
Date: Sat, 19 Apr 2025 16:10:35 +0200
Subject: [PATCH] Add Ctrl+S keyboard shortcut to save compose file

https://github.com/Dokploy/dokploy/issues/1736
---
 .../compose/general/compose-file-editor.tsx      | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/apps/dokploy/components/dashboard/compose/general/compose-file-editor.tsx b/apps/dokploy/components/dashboard/compose/general/compose-file-editor.tsx
index bbcbfd83..e582d266 100644
--- a/apps/dokploy/components/dashboard/compose/general/compose-file-editor.tsx
+++ b/apps/dokploy/components/dashboard/compose/general/compose-file-editor.tsx
@@ -79,6 +79,22 @@ export const ComposeFileEditor = ({ composeId }: Props) => {
 				toast.error("Error updating the Compose config");
 			});
 	};
+
+	// Add keyboard shortcut for Ctrl+S/Cmd+S
+	useEffect(() => {
+		const handleKeyDown = (e: KeyboardEvent) => {
+			if ((e.ctrlKey || e.metaKey) && e.key === 's' && !isLoading) {
+				e.preventDefault();
+				form.handleSubmit(onSubmit)();
+			}
+		};
+
+		document.addEventListener('keydown', handleKeyDown);
+		return () => {
+			document.removeEventListener('keydown', handleKeyDown);
+		};
+	}, [form, onSubmit, isLoading]);
+
 	return (
 		<>
 			<div className="w-full flex flex-col gap-4 ">