diff --git a/packages/react-core/src/demos/DashboardHeader.tsx b/packages/react-core/src/demos/DashboardHeader.tsx index b0d977ac0eb..5afb260755b 100644 --- a/packages/react-core/src/demos/DashboardHeader.tsx +++ b/packages/react-core/src/demos/DashboardHeader.tsx @@ -1,7 +1,6 @@ import React, { useState } from 'react'; import { Avatar, - Brand, Button, ButtonVariant, Divider, @@ -30,7 +29,6 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; -import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; interface DashboardHeaderProps { /** Render custom notification badge */ @@ -42,6 +40,51 @@ export const DashboardHeader: React.FC = ({ notificationBa const [isKebabDropdownOpen, setIsKebabDropdownOpen] = useState(false); const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = useState(false); + const patternflyLogo = ( + + PatternFly + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + const kebabDropdownItems = ( <> @@ -94,9 +137,7 @@ export const DashboardHeader: React.FC = ({ notificationBa - - - + {patternflyLogo} diff --git a/packages/react-table/src/demos/DashboardHeader.tsx b/packages/react-table/src/demos/DashboardHeader.tsx index 7b2b0d1e531..eb6db52aeba 100644 --- a/packages/react-table/src/demos/DashboardHeader.tsx +++ b/packages/react-table/src/demos/DashboardHeader.tsx @@ -1,7 +1,6 @@ import React, { useState } from 'react'; import { Avatar, - Brand, Button, ButtonVariant, Divider, @@ -30,7 +29,6 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import imgAvatar from '@patternfly/react-table/src/demos/assets/avatarImg.svg'; -import pfLogo from '@patternfly/react-table/src/demos/assets/pf-logo.svg'; interface DashboardHeaderProps { /** Render custom notification badge */ @@ -42,6 +40,51 @@ export const DashboardHeader: React.FC = ({ notificationBa const [isKebabDropdownOpen, setIsKebabDropdownOpen] = useState(false); const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = useState(false); + const patternflyLogo = ( + + PatternFly + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + const kebabDropdownItems = ( <> @@ -94,9 +137,7 @@ export const DashboardHeader: React.FC = ({ notificationBa - - - + {patternflyLogo}