From bee2a35c3f4ca43f3c68e89ee64a3eaa31b4b989 Mon Sep 17 00:00:00 2001
From: maxichrome <maxichrome@users.noreply.github.com>
Date: Sat, 28 May 2022 07:21:22 -0500
Subject: [PATCH] disable system context menu

---
 packages/interface/src/App.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/interface/src/App.tsx b/packages/interface/src/App.tsx
index 804ee4e96..5042d8c92 100644
--- a/packages/interface/src/App.tsx
+++ b/packages/interface/src/App.tsx
@@ -2,7 +2,7 @@ import '@fontsource/inter/variable.css';
 import { BaseTransport, ClientProvider, setTransport } from '@sd/client';
 // global window type extensions
 // only load at TS compile time
-import type {} from '@sd/client/src/window';
+import type { } from '@sd/client/src/window';
 import { Button } from '@sd/ui';
 import clsx from 'clsx';
 import React, { useContext, useEffect, useState } from 'react';
@@ -17,7 +17,6 @@ import {
 	useLocation,
 	useNavigate
 } from 'react-router-dom';
-
 import { Sidebar } from './components/file/Sidebar';
 import { MenuOverlay } from './components/layout/MenuOverlay';
 import { Modal } from './components/layout/Modal';
@@ -29,14 +28,15 @@ import { ExplorerScreen } from './screens/Explorer';
 import { OverviewScreen } from './screens/Overview';
 import { RedirectPage } from './screens/Redirect';
 import { SettingsScreen } from './screens/Settings';
-import { TagScreen } from './screens/Tag';
 import ExperimentalSettings from './screens/settings/ExperimentalSettings';
 import GeneralSettings from './screens/settings/GeneralSettings';
 import LibrarySettings from './screens/settings/LibrarySettings';
 import LocationSettings from './screens/settings/LocationSettings';
 import SecuritySettings from './screens/settings/SecuritySettings';
+import { TagScreen } from './screens/Tag';
 import './style.scss';
 
+
 const queryClient = new QueryClient();
 
 export const AppPropsContext = React.createContext<AppProps | null>(null);
@@ -73,6 +73,12 @@ function AppLayout() {
 
 	return (
 		<div
+			onContextMenu={(e) => {
+				// TODO: allow this on some UI text at least
+				// disable default browser context menu
+				e.preventDefault();
+				return false;
+			}}
 			className={clsx(
 				'flex flex-row h-screen overflow-hidden text-gray-900 bg-white select-none dark:text-white dark:bg-gray-650',
 				isWindowRounded && 'rounded-xl',