From e045572e9ce326585e929fc4e2eb35e15d2b2d1b Mon Sep 17 00:00:00 2001
From: adamviktora <84135613+adamviktora@users.noreply.github.com>
Date: Tue, 26 Mar 2024 20:39:29 +0100
Subject: [PATCH] fix(misc): demos not working due to variables not defined
 (#10169)

* fix(Tabs): broken demos

* fix(Banner): broken demo
---
 packages/react-core/src/demos/Banner.md | 4 ++--
 packages/react-core/src/demos/Tabs.md   | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/demos/Banner.md b/packages/react-core/src/demos/Banner.md
index 08ecd08512a..48b9f11deaf 100644
--- a/packages/react-core/src/demos/Banner.md
+++ b/packages/react-core/src/demos/Banner.md
@@ -135,8 +135,8 @@ class BannerDemo extends React.Component {
               <PageSection>
                 <Gallery hasGutter>
                   {Array.from({ length: 30 }).map((_value, index) => (
-                    <GalleryItem key={i}>
-                      <Card key={i}>
+                    <GalleryItem key={index}>
+                      <Card key={index}>
                         <CardBody>This is a card</CardBody>
                       </Card>
                     </GalleryItem>
diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md
index befec9f31dd..b041f47e135 100644
--- a/packages/react-core/src/demos/Tabs.md
+++ b/packages/react-core/src/demos/Tabs.md
@@ -11,6 +11,8 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
 import SortAmountDownIcon from '@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import display from '@patternfly/react-styles/css/utilities/Display/display';
+import sizing from '@patternfly/react-styles/css/utilities/Sizing/sizing';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';