add mouse back btn

This commit is contained in:
2026-03-18 10:18:49 +08:00
parent e0d0cac91c
commit 5a470c146a

View File

@@ -183,6 +183,26 @@ const AppDetail: React.FC = () => {
setSelectedFile(null); setSelectedFile(null);
}, []); }, []);
// Handle mouse back button (XButton1) to navigate back from code view
useEffect(() => {
const handleMouseClick = (e: MouseEvent) => {
// XButton1 (back button) is typically button 3 on mice with side buttons
if (e.button === 3 && viewMode === "code") {
// Prevent any default browser back action
e.preventDefault();
handleBackToList();
}
};
// Add event listener for mouse clicks
document.addEventListener("mousedown", handleMouseClick);
// Clean up event listener on unmount
return () => {
document.removeEventListener("mousedown", handleMouseClick);
};
}, [viewMode, handleBackToList]);
const handleDownloadFile = useCallback( const handleDownloadFile = useCallback(
async (fileKey: string, fileName: string) => { async (fileKey: string, fileName: string) => {
if (!currentDomain || downloadingKey) return; if (!currentDomain || downloadingKey) return;