From ee375beda169ca83baa867448cd93be9ab152cae Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Mon, 14 Aug 2023 08:49:19 -0400
Subject: [PATCH] Fixed linting errors

---
 .../src/components/Popover/Popover.tsx        |  3 +-
 .../Popover/examples/PopoverCustomFocus.tsx   | 56 +++++++++----------
 2 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/packages/react-core/src/components/Popover/Popover.tsx b/packages/react-core/src/components/Popover/Popover.tsx
index 06297853a29..5a9edfecccd 100644
--- a/packages/react-core/src/components/Popover/Popover.tsx
+++ b/packages/react-core/src/components/Popover/Popover.tsx
@@ -420,7 +420,8 @@ export const Popover: React.FunctionComponent<PopoverProps> = ({
         // FocusTrap's initialFocus can accept false as a value to prevent initial focus.
         // We want to prevent this in case false is ever passed in.
         initialFocus: elementToFocus || undefined,
-        checkCanFocusTrap: (containers) => new Promise((resolve) => {
+        checkCanFocusTrap: (containers) =>
+          new Promise((resolve) => {
             const interval = setInterval(() => {
               if (containers.every((container) => getComputedStyle(container).visibility !== 'hidden')) {
                 resolve();
diff --git a/packages/react-core/src/components/Popover/examples/PopoverCustomFocus.tsx b/packages/react-core/src/components/Popover/examples/PopoverCustomFocus.tsx
index c38cfcf986a..5bf84ffdadf 100644
--- a/packages/react-core/src/components/Popover/examples/PopoverCustomFocus.tsx
+++ b/packages/react-core/src/components/Popover/examples/PopoverCustomFocus.tsx
@@ -2,32 +2,32 @@ import React from 'react';
 import { Popover, Button } from '@patternfly/react-core';
 
 export const PopoverCustomFocus: React.FunctionComponent = () => (
-    <Popover
-      elementToFocus="#popover-cancel-button"
-      showClose={false}
-      aria-label="Popover with custom focus"
-      headerContent={<div>Popover header</div>}
-      bodyContent={
-        <div>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit.{' '}
-          <Button
-            // Preventing default click behavior for example purposes only
-            onClick={(event: React.MouseEvent) => event.preventDefault()}
-            component="a"
-            isInline
-            variant="link"
-            href="#basic"
-          >
-            View the basic example
-          </Button>
-        </div>
-      }
-      footerContent={(hide) => (
-        <Button onClick={hide} variant="secondary" id="popover-cancel-button">
-          Cancel
+  <Popover
+    elementToFocus="#popover-cancel-button"
+    showClose={false}
+    aria-label="Popover with custom focus"
+    headerContent={<div>Popover header</div>}
+    bodyContent={
+      <div>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit.{' '}
+        <Button
+          // Preventing default click behavior for example purposes only
+          onClick={(event: React.MouseEvent) => event.preventDefault()}
+          component="a"
+          isInline
+          variant="link"
+          href="#basic"
+        >
+          View the basic example
         </Button>
-      )}
-    >
-      <Button>Toggle popover with custom focus</Button>
-    </Popover>
-  );
+      </div>
+    }
+    footerContent={(hide) => (
+      <Button onClick={hide} variant="secondary" id="popover-cancel-button">
+        Cancel
+      </Button>
+    )}
+  >
+    <Button>Toggle popover with custom focus</Button>
+  </Popover>
+);