feat: ✨ add ability to delete a key

Author: evertdespiegeleer

src/components/functional/browser/browser.tsx

@@ -210,15 +210,15 @@ export function Browser(props: Props) {
 			query.refetch();
 		}
 	}, getConfig().refreshInterval);
-	useRegisterKeyBind("ctrl+r", "Refresh");
+	useRegisterKeyBind("shift+r", "Refresh");
 	useRegisterKeyBind("r", `${autoRefresh ? "Disable" : "Enable"} auto-refresh`);
 	useKeyboard((key) => {
 		if (focus !== "key-list") {
 			return;
 		}
 		if (key.name === "r") {
 			key.preventDefault();
-			if (key.ctrl) {
+			if (key.shift) {
 				query.refetch();
 			} else {
 				setAutoRefresh((current) => !current);

src/components/functional/entry-detail-view.tsx

@@ -1,5 +1,5 @@
 import { useKeyboard } from "@opentui/react";
-import { useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { useRefreshConfig } from "../../contexts/refresh-config";
 import { useRegisterKeyBind } from "../../contexts/registered-keybinds";
 import { useRoute } from "../../routing/provider";
@@ -29,6 +29,19 @@ export function EntryDetails(props: Props) {
 		},
 	});
 
+	const deleteMutation = useMutation({
+		mutationKey: ["redis", "delete-key", props.pathKey],
+		mutationFn: async () => {
+			// Delete the key
+			const redis = (await import("../../redis")).getRedis();
+			await redis.del(props.pathKey);
+		},
+		onSuccess: () => {
+			// Go back to previous route
+			router.previousRoute != null && router.setRoute(router.previousRoute);
+		},
+	});
+
 	useKeyboard((key) => {
 		if (!props.focussed) {
 			return;
@@ -49,15 +62,15 @@ export function EntryDetails(props: Props) {
 			query.refetch();
 		}
 	}, refreshInterval);
-	useRegisterKeyBind("ctrl+r", "Refresh");
+	useRegisterKeyBind("shift+r", "Refresh");
 	useRegisterKeyBind("r", `${autoRefresh ? "Disable" : "Enable"} auto-refresh`);
 	useKeyboard((key) => {
 		if (!props.focussed) {
 			return;
 		}
 		if (key.name === "r") {
 			key.preventDefault();
-			if (key.ctrl) {
+			if (key.shift) {
 				query.refetch();
 			} else {
 				setAutoRefresh((current) => !current);
@@ -80,6 +93,17 @@ export function EntryDetails(props: Props) {
 		}
 	});
 
+	useRegisterKeyBind("shift+d", "Delete key");
+	useKeyboard((key) => {
+		if (!props.focussed) {
+			return;
+		}
+		if (key.name === "d" && key.shift) {
+			key.preventDefault();
+			deleteMutation.mutate();
+		}
+	});
+
 	return (
 		<box
 			borderColor="cyan"