waffle: action center: wifi menu (without auth)

dots/.config/quickshell/ii/modules/waffle/actionCenter/toggles/ActionCenterToggleButton.qml

@@ -27,7 +27,7 @@ ColumnLayout {
     property var mainAction: toggleModel?.mainAction ?? null
     property var altAction: toggleModel?.hasMenu ? (() => root.openMenu()) : (toggleModel?.altAction ?? null)
     property bool hasMenu: toggleModel?.hasMenu ?? false
-    property Item menu
+    property Component menu
 
     property color colBackground: toggled ? Looks.colors.accent : Looks.colors.bg2
     property color colBackgroundHovered: toggled ? Looks.colors.accentHover : Looks.colors.bg2Hover

dots/.config/quickshell/ii/modules/waffle/actionCenter/toggles/ActionCenterTogglesDelegateChooser.qml

@@ -1,13 +1,15 @@
 pragma ComponentBehavior: Bound
+
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
 import qs
 import qs.services
 import qs.modules.common
 import qs.modules.common.models.quickToggles
 import qs.modules.common.widgets
 import qs.modules.waffle.looks
-import QtQuick
-import QtQuick.Layouts
-import Quickshell
+import qs.modules.waffle.actionCenter.wifi
 
 DelegateChooser {
     id: root
@@ -21,13 +23,6 @@ DelegateChooser {
             icon: "flash-off"
         }
     }
-    DelegateChoice {
-        roleValue: "audio"
-        ActionCenterToggleButton {
-            toggleModel: AudioToggle {}
-            icon: "speaker-2"
-        }
-    }
     DelegateChoice {
         roleValue: "bluetooth"
         ActionCenterToggleButton {
@@ -98,6 +93,9 @@ DelegateChooser {
             toggleModel: NetworkToggle {}
             name: toggleModel.statusText
             icon: WIcons.internetIcon
+            menu: Component {
+                WifiControl {}
+            }
         }
     }
     DelegateChoice {