Toggle icons for binding

Author: myamusashi

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

@@ -8,7 +8,8 @@ import { Astal } from "astal/gtk3";
 
 const {
     label,
-    icon,
+    onIcon,
+    offIcon,
     onLabel,
     offLabel,
     rightClick,
@@ -20,8 +21,8 @@ const {
 const thorttledToggleWarp = throttleInput(() => toggleWarp(isWarpConnect), 1000);
 
 export const Warp = (): BarBoxChild => {
-    const iconBinding = Variable.derive([bind(isWarpConnect), bind(icon)], (active, icn) => {
-        return active ? icn : '󰇖';
+    const iconBinding = Variable.derive([bind(isWarpConnect), bind(onIcon), bind(offIcon)], (active, onIcn, offIcn) => {
+        return active ? onIcn : offIcn;
     })
 
     const tooltipBinding = Variable.derive([isWarpConnect], (active) => {

src/options.ts

@@ -1152,8 +1152,9 @@ const options = mkOptions(CONFIG, {
                 scrollDown: opt(''),
             },
             warp: {
-                icon: opt(''),
                 label: opt(true),
+                onIcon: opt(''),
+                offIcon: opt('󰇖'),
                 onLabel: opt('On'),
                 offLabel: opt('Off'),
                 rightClick: opt(''),