Repository: apache/airflow
File: airflow-core/src/airflow/ui/src/queries/useTogglePause.ts (TypeScript)

Code before:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
import { useQueryClient } from "@tanstack/react-query";

import {
  UseDagRunServiceGetDagRunsKeyFn,
  UseDagServiceGetDagDetailsKeyFn,
  UseDagServiceGetDagKeyFn,
  useDagServicePatchDag,
  useDagServiceGetDagsUiKey,
  UseTaskInstanceServiceGetTaskInstancesKeyFn,
} from "openapi/queries";

export const useTogglePause = ({ dagId }: { dagId: string }) => {
  const queryClient = useQueryClient();

  const onSuccess = async () => {
    const queryKeys = [
      [useDagServiceGetDagsUiKey],
      UseDagServiceGetDagKeyFn({ dagId }, [{ dagId }]),
      UseDagServiceGetDagDetailsKeyFn({ dagId }, [{ dagId }]),
      UseDagRunServiceGetDagRunsKeyFn({ dagId }, [{ dagId }]),
      UseTaskInstanceServiceGetTaskInstancesKeyFn({ dagId, dagRunId: "~" }, [{ dagId, dagRunId: "~" }]),
    ];

    await Promise.all(queryKeys.map((key) => queryClient.invalidateQueries({ queryKey: key })));
  };

  return useDagServicePatchDag({
    onSuccess,
  });
};


Review comment (suggestion):
```suggestion
  const { t: translate } = useTranslation();
```

Nit one

Code after:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
import { useQueryClient } from "@tanstack/react-query";
import { useTranslation } from "react-i18next";

import {
  UseDagRunServiceGetDagRunsKeyFn,
  UseDagServiceGetDagDetailsKeyFn,
  UseDagServiceGetDagKeyFn,
  useDagServicePatchDag,
  useDagServiceGetDagsUiKey,
  UseTaskInstanceServiceGetTaskInstancesKeyFn,
} from "openapi/queries";
import { toaster } from "src/components/ui";

export const useTogglePause = ({ dagId }: { dagId: string }) => {
  const queryClient = useQueryClient();
  const { t: translate } = useTranslation("common");

  const onSuccess = async () => {
    const queryKeys = [
      [useDagServiceGetDagsUiKey],
      UseDagServiceGetDagKeyFn({ dagId }, [{ dagId }]),
      UseDagServiceGetDagDetailsKeyFn({ dagId }, [{ dagId }]),
      UseDagRunServiceGetDagRunsKeyFn({ dagId }, [{ dagId }]),
      UseTaskInstanceServiceGetTaskInstancesKeyFn({ dagId, dagRunId: "~" }, [{ dagId, dagRunId: "~" }]),
    ];

    await Promise.all(queryKeys.map((key) => queryClient.invalidateQueries({ queryKey: key })));
  };

  const onError = (error: Error) => {
    toaster.create({
      description: error.message,
      title: translate("error.title"),
      type: "error",
    });
  };

  return useDagServicePatchDag({
    onError,
    onSuccess,
  });