Fixing Flight Mode

src/components/taskbar/index.jsx

@@ -41,6 +41,25 @@ const Taskbar = () => {
     dispatch({ type: "TASKPHIDE" });
   };
 
+  const [conectivityToggle, setConectivityToggle] = useState("wifi");
+  const sidepane = useSelector((state) => state.sidepane);
+
+  useEffect(() => {
+    const wifi = document.querySelector('[data-payload="network.wifi.state"]');
+    let wifiState = wifi.getAttribute('data-state');
+
+    if (sidepane.quicks[2].ui === false) {
+      setConectivityToggle("airplane");
+      wifiState = "false";
+    } else {
+      setConectivityToggle("wifi");
+      wifiState = "true";
+    }
+
+    // Update the data-state attribute of the wifi element
+    wifi.setAttribute('data-state', wifiState);
+  }, [sidepane.quicks[2].ui]);
+
   const clickDispatch = (event) => {
     var action = {
       type: event.target.dataset.action,
@@ -143,7 +162,7 @@ const Taskbar = () => {
             onClick={clickDispatch}
             data-action="PANETOGG"
           >
-            <Icon className="taskIcon" src="wifi" ui width={16} />
+            <Icon className="taskIcon" src={conectivityToggle} ui width={16} />
             <Icon
               className="taskIcon"
               src={"audio" + tasks.audio}

src/reducers/sidepane.js

@@ -53,6 +53,10 @@ const paneReducer = (state = defState, action) => {
     var tmpState = { ...state };
     tmpState.quicks[4].src = action.payload;
     return tmpState;
+  } else if (action.type == "STNGTOGG" && action.payload === "network.airplane") {
+    var tmpState = { ...state };
+    tmpState.quicks[2].ui = !tmpState.quicks[2].ui;
+    return tmpState;
   } else if (action.type == "BANDTOGG") {
     return { ...state, banhide: !state.banhide };
   } else if (action.type == "BANDHIDE") {

src/utils/apps.js

@@ -67,7 +67,8 @@ const apps = [
   {
     name: "Blue",
     icon: "win/user",
-    type: "short",
+    type: "app",
+    action: "EXPLORER",
   },
   {
     name: "Alarms",