refactor

widget/modules/Storage/Storage.tsx

@@ -0,0 +1,16 @@
+import { Variable } from "astal";
+import computeStorage from "./helpers";
+
+export default function Storage() {
+  const storage_usage = Variable<string>("").poll(5000, () => computeStorage());
+
+  return (
+    <box className="storage">
+      <label
+        className="Storage"
+        onDestroy={() => storage_usage.drop()}
+        label={storage_usage()}
+      />
+    </box>
+  );
+}

widget/modules/Storage/helpers.ts

@@ -0,0 +1,22 @@
+import GTop from "gi://GTop";
+
+const computeStorage = (): string => {
+  try {
+    const currentFsUsage = new GTop.glibtop_fsusage();
+
+    GTop.glibtop_get_fsusage(currentFsUsage, "/");
+
+    const total = currentFsUsage.blocks * currentFsUsage.block_size;
+    const available = currentFsUsage.bavail * currentFsUsage.block_size;
+    const used = total - available;
+
+    const storagestring = "    " + Math.floor((used / total) * 100) + "%";
+
+    return storagestring;
+  } catch (error) {
+    console.error("Error calculating RAM usage:", error);
+    return "";
+  }
+};
+
+export default computeStorage;