update and refactor

widget/Bar.tsx

@@ -13,10 +13,14 @@ import {
   LauncherButton,
   PowerMenuButton,
   MediaPlayerButton,
+  Volume,
 } from "./modules/export";
+// import Wp from "gi://AstalWp";
+// import { bind } from "astal";
 
 export default function Bar(gdkmonitor: Gdk.Monitor) {
   const { TOP, LEFT, RIGHT } = Astal.WindowAnchor;
+  // const speaker = Wp.get_default()?.audio.defaultSpeaker!;
   return (
     <>
       <window
@@ -39,6 +43,7 @@ export default function Bar(gdkmonitor: Gdk.Monitor) {
             <Workspaces />
           </box>
           <box hexpand halign={Gtk.Align.END} className="RoudedBlock">
+            <Volume />
             <MediaPlayerButton />
             <SysTray />
             <BatteryLevel />