From 8ea193e2dd8b12de93b7ac2c28540727163a9314 Mon Sep 17 00:00:00 2001
From: "dominic.silva" <silva.dominic@ibm.com>
Date: Fri, 13 Oct 2023 11:21:40 -0400
Subject: [PATCH] Format code

---
 .../components/EditTearsheet/EditTearsheet.js |  4 +--
 .../EditTearsheet/EditTearsheet.test.js       | 19 ++++++++---
 .../EditTearsheet/EditTearsheetForm.js        |  4 +--
 .../MultiFormEditTearsheet.js                 |  6 ++--
 .../global/js/hooks/useRetrieveFormTitles.js  | 32 ++++++++-----------
 5 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.js b/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.js
index 9ccd0abdef..be544b9899 100644
--- a/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.js
+++ b/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.js
@@ -64,12 +64,12 @@ export let EditTearsheet = forwardRef(
     const handleCurrentForm = (formIndex) => {
       setCurrentForm(formIndex);
       if (onFormChange) {
-          onFormChange(formIndex);
+        onFormChange(formIndex);
       }
     };
 
     function defaultInfluencer() {
-      return(
+      return (
         <div className={`${blockClass}__side-nav-wrapper`}>
           <SideNav
             aria-label="Side navigation"
diff --git a/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.js b/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.js
index 97d14f6800..7a38992162 100644
--- a/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.js
+++ b/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.js
@@ -183,16 +183,25 @@ describe(componentName, () => {
   });
 
   it('renders the influencer with a nav item that matches the form title', async () => {
-    const { container } = renderEditTearsheet({...defaultProps});
+    const { container } = renderEditTearsheet({ ...defaultProps });
 
-    expect(container.querySelector(`.${carbon.prefix}--side-nav__link-text`)).toHaveTextContent(form1Title);
-    expect(screen.getByRole('heading', { name: form1Title })).toBeInTheDocument();
+    expect(
+      container.querySelector(`.${carbon.prefix}--side-nav__link-text`)
+    ).toHaveTextContent(form1Title);
+    expect(
+      screen.getByRole('heading', { name: form1Title })
+    ).toBeInTheDocument();
   });
 
   it('should call the provided callback function when the form is changed', async () => {
     const onFormChange = jest.fn();
-    const { container } = renderEditTearsheet({...defaultProps, onFormChange });
-    const form2NavLink = container.querySelectorAll(`.${carbon.prefix}--side-nav__link-text`)[2];
+    const { container } = renderEditTearsheet({
+      ...defaultProps,
+      onFormChange,
+    });
+    const form2NavLink = container.querySelectorAll(
+      `.${carbon.prefix}--side-nav__link-text`
+    )[2];
 
     await act(() => click(form2NavLink));
     expect(onFormChange).toHaveBeenCalledTimes(1);
diff --git a/packages/ibm-products/src/components/EditTearsheet/EditTearsheetForm.js b/packages/ibm-products/src/components/EditTearsheet/EditTearsheetForm.js
index 4a431e99d8..238f282048 100644
--- a/packages/ibm-products/src/components/EditTearsheet/EditTearsheetForm.js
+++ b/packages/ibm-products/src/components/EditTearsheet/EditTearsheetForm.js
@@ -12,7 +12,7 @@ import { Column, FormGroup, Grid } from '@carbon/react';
 import { FormContext, FormNumberContext } from './EditTearsheet';
 import { pkg } from '../../settings';
 import pconsole from '../../global/js/utils/pconsole';
-import {useRetrieveFormTitles} from "../../global/js/hooks/useRetrieveFormTitles";
+import { useRetrieveFormTitles } from '../../global/js/hooks/useRetrieveFormTitles';
 
 const componentName = 'EditTearsheetForm';
 const blockClass = `${pkg.prefix}--tearsheet-edit__form`;
@@ -42,7 +42,7 @@ export let EditTearsheetForm = forwardRef(
   ) => {
     const formContext = useContext(FormContext);
     const formNumber = useContext(FormNumberContext);
-    useRetrieveFormTitles({formContext, formNumber, title});
+    useRetrieveFormTitles({ formContext, formNumber, title });
 
     return formContext ? (
       <div
diff --git a/packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js b/packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js
index f19a3d2f95..7b9516516a 100644
--- a/packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js
+++ b/packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js
@@ -21,7 +21,7 @@ import cx from 'classnames';
 import { pkg } from '../../../settings';
 import { EditTearsheet } from '../EditTearsheet';
 import { EditTearsheetForm } from '../EditTearsheetForm';
-import {action} from "@storybook/addon-actions";
+import { action } from '@storybook/addon-actions';
 
 const blockClass = `${pkg.prefix}--tearsheet-edit-multi-form`;
 
@@ -66,8 +66,8 @@ export const MultiFormEditTearsheet = ({
   };
 
   const handleFormChange = () => {
-    action("handleFormChange")();
-  }
+    action('handleFormChange')();
+  };
 
   return (
     <div>
diff --git a/packages/ibm-products/src/global/js/hooks/useRetrieveFormTitles.js b/packages/ibm-products/src/global/js/hooks/useRetrieveFormTitles.js
index 496675466f..9fb5e009ad 100644
--- a/packages/ibm-products/src/global/js/hooks/useRetrieveFormTitles.js
+++ b/packages/ibm-products/src/global/js/hooks/useRetrieveFormTitles.js
@@ -1,21 +1,17 @@
 import { useEffect } from 'react';
 
-export const useRetrieveFormTitles = ({
-    formContext,
-    formNumber,
-    title,
-}) => {
-    useEffect(() => {
-        if (formContext) {
-            formContext.setFormTitles((prev) => {
-                const prevTitle = prev[formNumber];
-                if (prevTitle !== title) {
-                    const clone = [...prev];
-                    clone[formNumber] = title;
-                    return clone;
-                }
-                return prev;
-            });
+export const useRetrieveFormTitles = ({ formContext, formNumber, title }) => {
+  useEffect(() => {
+    if (formContext) {
+      formContext.setFormTitles((prev) => {
+        const prevTitle = prev[formNumber];
+        if (prevTitle !== title) {
+          const clone = [...prev];
+          clone[formNumber] = title;
+          return clone;
         }
-    }, [title, formContext, formNumber]);
-}
+        return prev;
+      });
+    }
+  }, [title, formContext, formNumber]);
+};