Skip to content

Commit cdab88e

Browse files
rebeccaalpertcursoragent
rebeccaalpert
and
cursoragent
committed
fix(ThIcon): Replace ThIcon with RhUiGripHorizontalFillIcon
Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 29f223e commit cdab88e

9 files changed

Lines changed: 39 additions & 15 deletions

File tree

‎packages/react-core/src/demos/Compass/Compass.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
1515
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
1616
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
1717
import imgAvatar from '../assets/avatarImg.svg';
18-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
18+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
1919
import pfLogo from '../assets/PF-IconLogo-color.svg';
2020
import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg';
2121

‎packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
3535
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
3636
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
3737
import pfLogo from '../../assets/PF-IconLogo-color.svg';
38-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
38+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
3939
import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg';
4040

4141
interface NavOnSelectProps {
@@ -318,12 +318,24 @@ export const CompassDockDemo: React.FunctionComponent = () => {
318318
>
319319
<ToolbarItem>
320320
{isDockTextExpanded || isDockExpanded ? (
321-
<MenuToggle ref={appsRef} variant="plain" icon={<ThIcon />} isDocked aria-label="Applications">
321+
<MenuToggle
322+
ref={appsRef}
323+
variant="plain"
324+
icon={<RhUiGripHorizontalFillIcon />}
325+
isDocked
326+
aria-label="Applications"
327+
>
322328
Applications
323329
</MenuToggle>
324330
) : (
325331
<Tooltip aria="none" aria-live="off" triggerRef={appsRef} content="Applications">
326-
<MenuToggle ref={appsRef} variant="plain" icon={<ThIcon />} isDocked aria-label="Applications">
332+
<MenuToggle
333+
ref={appsRef}
334+
variant="plain"
335+
icon={<RhUiGripHorizontalFillIcon />}
336+
isDocked
337+
aria-label="Applications"
338+
>
327339
Applications
328340
</MenuToggle>
329341
</Tooltip>

‎packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ propComponents:
2020

2121
import { cloneElement, Fragment, useRef, useState } from 'react';
2222

23-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
23+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
2424
import brandImg from '../assets/PF-IconLogo.svg';
2525

2626
As the application launcher component is now deprecated, an application launcher may now be built using the new suite of menu components. This is showcased in the following demo, which uses the new [dropdown](/components/menus/dropdown) component that is built off of menu.

‎packages/react-core/src/demos/CustomMenus/CustomMenus.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
1414
import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon';
1515
import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon';
1616
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
17-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
17+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
1818
import brandImg from '../assets/PF-IconLogo.svg';
1919
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
2020
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';

‎packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
DropdownList,
1212
DropdownItem
1313
} from '@patternfly/react-core';
14-
import ThIcon from '@patternfly/react-icons/dist/js/icons/th-icon';
14+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-grip-horizontal-fill-icon';
1515
import brandImg from '@patternfly/react-core/src/demos/assets/PF-IconLogo.svg';
1616

1717
const MockLink: React.FunctionComponent = ({ to, ...props }: any) => <a href={to} {...props}></a>;
@@ -215,7 +215,7 @@ export const ApplicationLauncherDemo: React.FunctionComponent = () => {
215215
onClick={onToggleClick}
216216
isExpanded={isOpen}
217217
style={{ width: 'auto' }}
218-
icon={<ThIcon />}
218+
icon={<RhUiGripHorizontalFillIcon />}
219219
/>
220220
)}
221221
ref={menuRef}

‎packages/react-core/src/demos/Masthead.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-
1010
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
1111
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
1212
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
13-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
13+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
1414
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
1515
import pfIcon from './assets/pf-logo-small.svg';
1616
import pfLogo from './assets/PF-HorizontalLogo-Color.svg';

‎packages/react-core/src/demos/Nav.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
1616
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
1717
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
1818
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
19-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
19+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
2020
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
2121
import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg';
2222
import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';

‎packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ import {
5252
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
5353
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
5454
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
55-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
55+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
5656
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
5757
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
5858
import pfIcon from '@patternfly/react-core/src/demos/assets/pf-logo-small.svg';
@@ -156,7 +156,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent =
156156
onClick={onToggleClick}
157157
isExpanded={isOpen}
158158
style={{ width: 'auto' }}
159-
icon={<ThIcon />}
159+
icon={<RhUiGripHorizontalFillIcon />}
160160
/>
161161
);
162162

‎packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
3535
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
3636
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
3737
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
38-
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
38+
import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon';
3939
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
4040
import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg';
4141
import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_xl';
@@ -337,12 +337,24 @@ export const NavDockedNav: React.FunctionComponent = () => {
337337
>
338338
<ToolbarItem>
339339
{isDockTextExpanded || isDockExpanded ? (
340-
<MenuToggle ref={appsRef} variant="plain" icon={<ThIcon />} isDocked aria-label="Applications">
340+
<MenuToggle
341+
ref={appsRef}
342+
variant="plain"
343+
icon={<RhUiGripHorizontalFillIcon />}
344+
isDocked
345+
aria-label="Applications"
346+
>
341347
Applications
342348
</MenuToggle>
343349
) : (
344350
<Tooltip aria="none" aria-live="off" triggerRef={appsRef} content="Applications">
345-
<MenuToggle ref={appsRef} variant="plain" icon={<ThIcon />} isDocked aria-label="Applications">
351+
<MenuToggle
352+
ref={appsRef}
353+
variant="plain"
354+
icon={<RhUiGripHorizontalFillIcon />}
355+
isDocked
356+
aria-label="Applications"
357+
>
346358
Applications
347359
</MenuToggle>
348360
</Tooltip>

0 commit comments

Comments
 (0)