(feat) Fix network issues

rust/agama-server/src/network/web.rs

@@ -315,6 +315,12 @@ async fn connect(
         .await
         .map_err(|_| NetworkError::CannotApplyConfig)?;
 
+    state
+        .network
+        .apply()
+        .await
+        .map_err(|_| NetworkError::CannotApplyConfig)?;
+
     Ok(StatusCode::NO_CONTENT)
 }
 
@@ -341,6 +347,12 @@ async fn disconnect(
         .await
         .map_err(|_| NetworkError::CannotApplyConfig)?;
 
+    state
+        .network
+        .apply()
+        .await
+        .map_err(|_| NetworkError::CannotApplyConfig)?;
+
     Ok(StatusCode::NO_CONTENT)
 }
 

web/src/client/network/index.js

@@ -225,7 +225,7 @@ class NetworkClient {
    * @param {Connection} connection - connection to be activated
    */
   async connectTo(connection) {
-    return this.client.get(`/network/${connection.id}/connect`);
+    return this.client.get(`/network/connections/${connection.id}/connect`);
   }
 
   /**
@@ -234,7 +234,7 @@ class NetworkClient {
    * @param {Connection} connection - connection to be activated
    */
   async disconnect(connection) {
-    return this.client.get(`/network/${connection.id}/disconnect`);
+    return this.client.get(`/network/connections/${connection.id}/disconnect`);
   }
 
   /**

web/src/components/network/WifiNetworkListItem.jsx

@@ -95,7 +95,7 @@ function WifiNetworkListItem({ network, isSelected, isActive, onSelect, onCancel
             {networkState(network.device?.state)}
           </Text>
           {network.settings &&
-            <WifiNetworkMenu settings={network.settings} />}
+            <WifiNetworkMenu settings={network.settings} device={network.device} onConnect={onSelect} />}
         </Split>
       </Flex>
       {isSelected && (!network.settings || network.error) &&

web/src/components/network/WifiNetworkMenu.jsx

@@ -31,7 +31,7 @@ const KebabToggle = ({ toggleRef, onClick }) => (
   </MenuToggle>
 );
 
-export default function WifiNetworkMenu({ settings, position = "right" }) {
+export default function WifiNetworkMenu({ settings, position = "right", device, onConnect }) {
   const client = useInstallerClient();
   const [isOpen, setIsOpen] = useState(false);
   const toggle = () => setIsOpen(!isOpen);
@@ -45,6 +45,27 @@ export default function WifiNetworkMenu({ settings, position = "right" }) {
       position={position}
     >
       <DropdownList>
+        {!device &&
+          <DropdownItem
+            key="connect"
+            onClick={async () => {
+              await client.network.connectTo(settings);
+              onConnect();
+            }}
+            icon={<Icon name="delete" size="s" />}
+          >
+            {/* TRANSLATORS: menu label, connect to the selected WiFi network */}
+            {_("Connect")}
+          </DropdownItem>}
+        {device &&
+          <DropdownItem
+            key="discconnect"
+            onClick={async () => await client.network.disconnect(settings)}
+            icon={<Icon name="delete" size="s" />}
+          >
+            {/* TRANSLATORS: menu label, disconnect from the selected WiFi network */}
+            {_("Disconnect")}
+          </DropdownItem>}
         <DropdownItem
           isDanger
           key="forget-network"

web/src/components/network/WifiSelector.jsx

@@ -104,7 +104,7 @@ function WifiSelector({ isOpen = false, onClose }) {
 
         case NetworkEventTypes.DEVICE_UPDATED: {
           const [name, data] = payload;
-          if (data.state === "failed") {
+          if (data.state === "failed" && selectedNetwork) {
             selectedNetwork.error = "Failed";
           }
           setDevices(devs => {
@@ -139,7 +139,7 @@ function WifiSelector({ isOpen = false, onClose }) {
         onSelectionCallback={(network) => {
           switchSelectedNetwork(network);
           if (network.settings && !network.device) {
-            client.network.connectTo(network.settings);
+            client.connectTo(network.settings);
           }
         }}
         onCancelSelectionCallback={() => switchSelectedNetwork(activeNetwork)}