thomasave
/
dotfiles
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix battery icon

This commit is contained in:
Thomas Avé 2024-11-29 00:29:14 +01:00
parent 1db94740ed
commit 8b02610d97
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
home/ags/files/Bar.tsx
View File

@ -151,18 +151,21 @@ function Right() : JSX.Element {
} }
function BatteryIcon(): JSX.Element { function BatteryIcon(): JSX.Element {
if (!battery.online) return <box />; if (!battery) return <box />;
return <box> { return <button className="battery-item" onClicked={() => execAsync(['gnome-power-manager'])}>
bind(battery, "percentage").as((percentage) => { <box>
const thresholds = [...Array(11).keys()].map( i => i * 10); {
const icon = thresholds.find(threshold => threshold >= percentage * 100) bind(battery, "percentage").as((percentage) => {
const charging_name = battery.percentage >= 0.99 ? "charged" : "charging" const thresholds = [...Array(11).keys()].map( i => i * 10);
return <box className="battery-item" tooltip_text={`Battery ${battery.percentage * 100}%`}> const icon = thresholds.find(threshold => threshold >= percentage * 100)
<icon icon={battery.charging? `battery-level-${icon}-${charging_name}-symbolic` : `battery-level-${icon}-symbolic`} /> const charging_name = battery.percentage >= 0.99 ? "charged" : "charging"
</box> return <icon
}) icon={battery.charging? `battery-level-${icon}-${charging_name}-symbolic` : `battery-level-${icon}-symbolic`}
} />
</box> })
}
</box>
</button>
} }
function Icons() { function Icons() {