[*] refactor optimistic UI

Author: Mazen050

internal/webui/src/pages/SourcesPage/components/SourcesGrid/components/EnabledSourceSwitch.tsx

@@ -1,4 +1,3 @@
-import { useEffect, useState } from "react";
 import { Switch } from "@mui/material";
 import { Source } from "types/Source/Source";
 import { useEditSourceEnable } from "queries/Source";
@@ -9,23 +8,16 @@ type EnabledSourceSwitchProps = {
 };
 
 export const EnabledSourceSwitch = ({ source }: EnabledSourceSwitchProps) => {
-  const [checked, setChecked] = useState(source.IsEnabled);
-
   const editEnabled = useEditSourceEnable();
-  const { status } = editEnabled;
 
   const handleChange = (_e: any, value: boolean) => {
-    setChecked(value);
     editEnabled.mutate({
       ...source,
       IsEnabled: value,
     });
   };
-  useEffect(() => {
-    if (status === "error") {
-      setChecked((prev) => !prev);
-    }
-  }, [status]);
+
+  const checked = editEnabled.isPending ? !source.IsEnabled : source.IsEnabled;
 
   return (
     <Switch