refactor: extract onOpenAutoFocus handlers

Author: Antônio Alexandre Borges Lima

src/frontend/src/modals/flowLogsModal/index.tsx

@@ -90,16 +90,18 @@ export default function FlowLogsModal({
     }
   }, []);
 
+  const handleOpenAutoFocus = useCallback((e: Event) => {
+    e.preventDefault();
+    (document.querySelector(".ag-body-viewport") as HTMLElement)?.focus();
+  }, []);
+
   return (
     <>
       <BaseModal
         open={open}
         setOpen={setOpen}
         size="x-large"
-        onOpenAutoFocus={(e) => {
-          e.preventDefault();
-          (document.querySelector(".ag-body-viewport") as HTMLElement)?.focus();
-        }}
+        onOpenAutoFocus={handleOpenAutoFocus}
       >
         <BaseModal.Trigger asChild>{children}</BaseModal.Trigger>
         <BaseModal.Header description="Inspect component executions.">

src/frontend/src/modals/saveChangesModal/index.tsx

@@ -1,5 +1,5 @@
 import { truncate } from "lodash";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import ForwardedIconComponent from "@/components/common/genericIconComponent";
 import Loading from "@/components/ui/loading";
 import ConfirmationModal from "../confirmationModal";
@@ -20,6 +20,14 @@ export function SaveChangesModal({
   autoSave: boolean;
 }): JSX.Element {
   const [saving, setSaving] = useState(false);
+
+  const handleOpenAutoFocus = useCallback((e: Event) => {
+    e.preventDefault();
+    (
+      document.querySelector('[data-testid="replace-button"]') as HTMLElement
+    )?.focus();
+  }, []);
+
   return (
     <ConfirmationModal
       open={true}
@@ -42,14 +50,7 @@ export function SaveChangesModal({
       onCancel={onProceed}
       loading={autoSave ? true : saving}
       size="x-small"
-      onOpenAutoFocus={(e) => {
-        e.preventDefault();
-        (
-          document.querySelector(
-            '[data-testid="replace-button"]',
-          ) as HTMLElement
-        )?.focus();
-      }}
+      onOpenAutoFocus={handleOpenAutoFocus}
     >
       <ConfirmationModal.Content>
         {autoSave ? (