add polling for icon

Author: myamusashi

src/components/bar/modules/warp/helpers/index.ts

@@ -15,3 +15,9 @@ export const toggleWarp = async (isWarpConnect: Variable<boolean>): Promise<void
         await execAsync(`bash -c "notify-send -a 'hyprpanel' 'Warp service not active!' 'Error: ${err}'"`);
     }
 };
+
+export const checkWarpStatus = (): undefined => {
+    execAsync(isWarpConnectCommand).then((res) => {
+        isWarpConnect.set(res === 'Connected');
+    });
+};

src/components/bar/modules/warp/index.tsx

@@ -2,12 +2,14 @@ import options from "src/options";
 import { Module } from "../../shared/Module";
 import { inputHandler, throttleInput } from "../../utils/helpers";
 import { BarBoxChild } from "src/lib/types/bar";
-import { isWarpConnect, toggleWarp } from "./helpers";
+import { checkWarpStatus, isWarpConnect, toggleWarp } from "./helpers";
 import { bind, Variable } from "astal";
 import { Astal } from "astal/gtk3";
+import { FunctionPoller } from "src/lib/poller/FunctionPoller";
 
 const {
     label,
+    pollingInterval,
     onIcon,
     offIcon,
     onLabel,
@@ -18,6 +20,14 @@ const {
     scrollDown,
 } = options.bar.customModules.warp;
 
+const dummyVar = Variable(undefined);
+
+checkWarpStatus();
+
+const warpPoller = new FunctionPoller<undefined, []>(dummyVar, [], bind(pollingInterval), checkWarpStatus);
+
+warpPoller.initialize('warp');
+
 const thorttledToggleWarp = throttleInput(() => toggleWarp(isWarpConnect), 1000);
 
 export const Warp = (): BarBoxChild => {

src/options.ts

@@ -1157,6 +1157,7 @@ const options = mkOptions(CONFIG, {
                 offIcon: opt('󰇖'),
                 onLabel: opt('On'),
                 offLabel: opt('Off'),
+                pollingInterval: opt(1000 * 2),
                 rightClick: opt(''),
                 middleClick: opt(''),
                 scrollUp: opt(''),