add mouse back btn
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user