Skip to content

Commit

Permalink
chore: use the SVG image icon from the mock
Browse files Browse the repository at this point in the history
  • Loading branch information
mkholjuraev committed Apr 19, 2024
1 parent 0af3374 commit 92e84f7
Show file tree
Hide file tree
Showing 2 changed files with 39 additions and 2 deletions.
36 changes: 36 additions & 0 deletions src/components/FontAwesomeImageIcon.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
import React from 'react';

const FontAwesomeImageIcon = () => (
<svg
id="Layer_2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 221.37 221.44"
width="14px"
height="14px"
version="1.1"
xmlSpace="preserve"
style={{
fillRule: 'evenodd',
clipRule: 'evenodd',
strokeLinejoin: 'round',
strokeMiterlimit: 2,
margin: '-2px',
}}
>
<g id="Layer_1-2">
<circle
className="cls-1"
cx="77.01"
cy="87"
r="20.41"
transform="translate(-39.07 79) rotate(-45)"
/>
<path
className="cls-1"
d="M205.48,40.09L120.07,1.72c-5.84-2.28-12.28-2.29-18.13-.02L15.93,40.09h0C6.25,43.85,0,52.98,0,63.37v91.2c0,9.48,5.5,18.28,14.02,22.44l85.84,41.91c3.45,1.68,7.2,2.52,10.95,2.52,4.03,0,8.05-.97,11.69-2.89l85.58-45.31c8.2-4.34,13.29-12.8,13.29-22.07V63.35c0-10.36-6.24-19.49-15.88-23.26ZM110.97,28.55l82.09,37.07v60.44l-39.44-37.64c-2.09-2.09-5.48-2.09-7.57,0l-60.43,60.43-24.76-24.76c-2.09-2.09-5.48-2.09-7.57,0l-25,26.93v-85.39L110.97,28.55Z"
/>
</g>
</svg>
);

export default FontAwesomeImageIcon;
5 changes: 3 additions & 2 deletions src/routes/InventoryComponents/InventoryPageHeader.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,11 @@ import {
PageHeader,
PageHeaderTitle,
} from '@redhat-cloud-services/frontend-components/PageHeader';
import { ImageIcon, DesktopIcon } from '@patternfly/react-icons';
import { DesktopIcon } from '@patternfly/react-icons';
import useFeatureFlag from '../../Utilities/useFeatureFlag';
import { pageContents } from '../InventoryPage';
import { AccountStatContext } from '../../Routes';
import FontAwesomeImageIcon from '../../components/FontAwesomeImageIcon';

const InventoryContentToggle = ({ changeMainContent, mainContent }) => (
<ToggleGroup aria-label="Inventory content toggle">
Expand All @@ -19,7 +20,7 @@ const InventoryContentToggle = ({ changeMainContent, mainContent }) => (
onChange={() => changeMainContent(pageContents.hybridInventory.key)}
/>
<ToggleGroupItem
icon={<ImageIcon />}
icon={<FontAwesomeImageIcon />}
aria-label="Bifrost"
isSelected={mainContent === pageContents.bifrost.key}
onChange={() => changeMainContent(pageContents.bifrost.key)}
Expand Down

0 comments on commit 92e84f7

Please sign in to comment.