Merge PR Jas-SinghFSU#1123: hide battery widget when no battery

Author: lika85456

src/components/bar/layout/coreWidgets.tsx

@@ -1,4 +1,4 @@
-import { BatteryLabel } from '../modules/battery';
+import { BatteryLabel, BatteryWidgetContainer } from '../modules/battery';
 import { Bluetooth } from '../modules/bluetooth';
 import { Cava } from '../modules/cava';
 import { Clock } from '../modules/clock';
@@ -30,7 +30,7 @@ import { WidgetFactory } from './WidgetRegistry';
 
 export function getCoreWidgets(): Record<string, WidgetFactory> {
     return {
-        battery: () => WidgetContainer(BatteryLabel()),
+        battery: () => BatteryWidgetContainer(WidgetContainer(BatteryLabel())),
         dashboard: () => WidgetContainer(Menu()),
         workspaces: (monitor: number) => WidgetContainer(Workspaces(monitor)),
         windowtitle: () => WidgetContainer(ClientTitle()),

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

@@ -19,6 +19,7 @@ const {
     scrollUp,
     scrollDown,
     hideLabelWhenFull,
+    hideModuleWhenNoBatteryFound,
 } = options.bar.battery;
 
 const BatteryLabel = (): BarBoxChild => {
@@ -164,4 +165,24 @@ const BatteryLabel = (): BarBoxChild => {
     };
 };
 
-export { BatteryLabel };
+const BatteryWidgetContainer = (child: BarBoxChild): JSX.Element => {
+    const isVisible = Variable.derive(
+        [bind(batteryService, 'device-type'), bind(hideModuleWhenNoBatteryFound)],
+        (deviceType: number, hideModuleWhenNoBatteryFound: boolean) => {
+            const isBattery = deviceType === AstalBattery.Type.ASTAL_BATTERY_TYPE_BATTERY;
+            return !hideModuleWhenNoBatteryFound || isBattery;
+        },
+    );
+    return (
+        <box
+            visible={bind(isVisible)}
+            onDestroy={() => {
+                isVisible.drop();
+            }}
+        >
+            {child}
+        </box>
+    );
+};
+
+export { BatteryLabel, BatteryWidgetContainer };

src/components/settings/pages/config/bar/index.tsx

@@ -477,6 +477,11 @@ export const BarSettings = (): JSX.Element => {
                     title="Hide Battery Percentage When Full"
                     type="boolean"
                 />
+                <Option
+                    opt={options.bar.battery.hideModuleWhenNoBatteryFound}
+                    title="Hide When No Battery Found"
+                    type="boolean"
+                />
                 <Option
                     opt={options.theme.bar.buttons.battery.spacing}
                     title="Inner Spacing"

src/configuration/modules/config/bar/battery/index.ts

@@ -3,6 +3,7 @@ import { opt } from 'src/lib/options';
 export default {
     label: opt(true),
     hideLabelWhenFull: opt(false),
+    hideModuleWhenNoBatteryFound: opt(false),
     rightClick: opt(''),
     middleClick: opt(''),
     scrollUp: opt(''),