From 0be4b1222d2c3a8faea9772e3f5fc2845813a0c7 Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Sat, 7 May 2022 14:43:52 +0800
Subject: [PATCH] feat: reduce gpu usage when hidden
---
src/components/layout/traffic-graph.tsx | 27 +++++++++++++++++++++++--
1 file changed, 25 insertions(+), 2 deletions(-)
diff --git a/src/components/layout/traffic-graph.tsx b/src/components/layout/traffic-graph.tsx
index 0a9d376..49f3ec0 100644
--- a/src/components/layout/traffic-graph.tsx
+++ b/src/components/layout/traffic-graph.tsx
@@ -1,5 +1,7 @@
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
import { useTheme } from "@mui/material";
+import { listen } from "@tauri-apps/api/event";
+import { appWindow } from "@tauri-apps/api/window";
const maxPoint = 30;
@@ -70,7 +72,28 @@ const TrafficGraph = (props: Props) => {
};
}, []);
+ // reduce the GPU usage when hidden
+ const [enablePaint, setEnablePaint] = useState(true);
useEffect(() => {
+ appWindow.isVisible().then(setEnablePaint);
+
+ const unlistenBlur = listen("tauri://blur", async () => {
+ setEnablePaint(await appWindow.isVisible());
+ });
+
+ const unlistenFocus = listen("tauri://focus", async () => {
+ setEnablePaint(await appWindow.isVisible());
+ });
+
+ return () => {
+ unlistenBlur.then((fn) => fn());
+ unlistenFocus.then((fn) => fn());
+ };
+ }, []);
+
+ useEffect(() => {
+ if (!enablePaint) return;
+
let raf = 0;
const canvas = canvasRef.current!;
@@ -193,7 +216,7 @@ const TrafficGraph = (props: Props) => {
return () => {
cancelAnimationFrame(raf);
};
- }, [palette]);
+ }, [enablePaint, palette]);
return <canvas ref={canvasRef} style={{ width: "100%", height: "100%" }} />;
};
--
GitLab