Allowing to disable hardware acceleration

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/common/user-store.ts

@@ -27,6 +27,7 @@ export interface UserPreferences {
   downloadKubectlBinaries?: boolean;
   downloadBinariesPath?: string;
   kubectlBinariesPath?: string;
+  disableHardwareAcceleration?: boolean;
 }
 
 export class UserStore extends BaseStore<UserStoreModel> {

src/main/index.ts

@@ -56,7 +56,6 @@ async function main() {
 
   // preload configuration from stores
   await Promise.all([
-    userStore.load(),
     clusterStore.load(),
     workspaceStore.load(),
   ]);
@@ -77,6 +76,12 @@ async function main() {
   windowManager = new WindowManager(proxyPort);
 }
 
+// Disable hardware acceleration if flag is checked in Preferences
+userStore.load();
+if (userStore.preferences.disableHardwareAcceleration) {
+  app.disableHardwareAcceleration();
+}
+
 app.on("ready", main);
 
 app.on("will-quit", async (event) => {

src/renderer/components/+preferences/preferences.tsx

@@ -17,6 +17,7 @@ import { themeStore } from "../../theme.store";
 import { history } from "../../navigation";
 import { Tooltip } from "../tooltip";
 import { KubectlBinaries } from "./kubectl-binaries";
+import { isMac } from "../../../common/vars";
 
 @observer
 export class Preferences extends React.Component {
@@ -194,6 +195,21 @@ export class Preferences extends React.Component {
           <small className="hint">
             <Trans>Telemetry & usage data is collected to continuously improve the Lens experience.</Trans>
           </small>
+
+          {isMac && (
+            <>
+              <h2><Trans>Hardware Acceleration</Trans></h2>
+              <Checkbox
+                label={<Trans>Disable hardware acceleration</Trans>}
+                value={preferences.disableHardwareAcceleration}
+                onChange={v => preferences.disableHardwareAcceleration = v}
+              />
+              <small className="hint">
+                <Trans>Enabled hardware acceleration can cause rendering issues on some devices with the MacOS.</Trans><br />
+                <Trans>You need to restart the app to activate the changes.</Trans>
+              </small>
+            </>
+          )}
         </WizardLayout>
       </div>
     );