Skip to content

Commit ba94db3

Browse files
rebeccaalpertrebeccaalpert
committed
fix(icons): Replace in history, header, settings menus
Replace with RH brand icons.
1 parent ba585b9 commit ba94db3

19 files changed

Lines changed: 69 additions & 99 deletions

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderBasic.tsx‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,7 @@ import {
2121
ChatbotHeaderNewChatButton
2222
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
2323
import { ChatbotDisplayMode } from '@patternfly/chatbot/dist/dynamic/Chatbot';
24-
import OutlinedWindowRestoreIcon from '@patternfly/react-icons/dist/esm/icons/outlined-window-restore-icon';
25-
import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon';
26-
import OpenDrawerRightIcon from '@patternfly/react-icons/dist/esm/icons/open-drawer-right-icon';
24+
import { RhUiExpandIcon, RhUiOpenDrawerRightIcon, RhUiRestoreWindowIcon } from '@patternfly/react-icons';
2725

2826
import PFHorizontalLogoColor from './PF-HorizontalLogo-Color.svg';
2927
import PFHorizontalLogoReverse from './PF-HorizontalLogo-Reverse.svg';
@@ -170,21 +168,21 @@ export const BasicDemo: FunctionComponent = () => {
170168
<DropdownItem
171169
value={ChatbotDisplayMode.default}
172170
key="switchDisplayOverlay"
173-
icon={<OutlinedWindowRestoreIcon aria-hidden />}
171+
icon={<RhUiRestoreWindowIcon aria-hidden />}
174172
>
175173
<span>Overlay</span>
176174
</DropdownItem>
177175
<DropdownItem
178176
value={ChatbotDisplayMode.docked}
179177
key="switchDisplayDock"
180-
icon={<OpenDrawerRightIcon aria-hidden />}
178+
icon={<RhUiOpenDrawerRightIcon aria-hidden />}
181179
>
182180
<span>Dock to window</span>
183181
</DropdownItem>
184182
<DropdownItem
185183
value={ChatbotDisplayMode.fullscreen}
186184
key="switchDisplayFullscreen"
187-
icon={<ExpandIcon aria-hidden />}
185+
icon={<RhUiExpandIcon aria-hidden />}
188186
>
189187
<span>Fullscreen</span>
190188
</DropdownItem>

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import ChatbotConversationHistoryNav, {
44
Conversation
55
} from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
66
import { Checkbox, EmptyStateStatus, Spinner } from '@patternfly/react-core';
7-
import { OutlinedCommentsIcon, SearchIcon } from '@patternfly/react-icons';
7+
import { RhUiCommentsIcon, RhUiSearchIcon } from '@patternfly/react-icons';
88

99
const initialConversations: { [key: string]: Conversation[] } = {
1010
Today: [{ id: '1', text: 'Red Hat products and services' }],
@@ -50,13 +50,13 @@ const ERROR = {
5050
const NO_RESULTS = {
5151
bodyText: 'Adjust your search query and try again. Check your spelling or try a more general term.',
5252
titleText: 'No results found',
53-
icon: SearchIcon
53+
icon: RhUiSearchIcon
5454
};
5555

5656
const EMPTY_STATE = {
5757
bodyText: 'Access timely assistance by starting a conversation with an AI model.',
5858
titleText: 'Start a new chat',
59-
icon: OutlinedCommentsIcon
59+
icon: RhUiCommentsIcon
6060
};
6161

6262
export const ChatbotHeaderTitleDemo: FunctionComponent = () => {

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerResizable.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import ChatbotConversationHistoryNav, {
44
Conversation
55
} from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
66
import { Checkbox } from '@patternfly/react-core';
7-
import { SearchIcon } from '@patternfly/react-icons';
7+
import { RhUiSearchIcon } from '@patternfly/react-icons';
88

99
const initialConversations: { [key: string]: Conversation[] } = {
1010
Today: [{ id: '1', text: 'Red Hat products and services' }],
@@ -35,7 +35,7 @@ const initialConversations: { [key: string]: Conversation[] } = {
3535
const NO_RESULTS = {
3636
bodyText: 'Adjust your search query and try again. Check your spelling or try a more general term.',
3737
titleText: 'No results found',
38-
icon: SearchIcon
38+
icon: RhUiSearchIcon
3939
};
4040

4141
export const ChatbotHeaderDrawerResizableDemo: FunctionComponent = () => {

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithPin.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import ChatbotConversationHistoryNav, {
55
Conversation
66
} from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
77
import { Checkbox, DropdownItem, DropdownList } from '@patternfly/react-core';
8-
import { ThumbtackIcon } from '@patternfly/react-icons';
8+
import { RhUiThumbtackFillIcon } from '@patternfly/react-icons';
99

1010
// Sample conversations
1111
const initialConversations: { [key: string]: Conversation[] } = {
@@ -144,7 +144,7 @@ export const ChatbotHeaderPinDemo: FunctionComponent = () => {
144144
pinnedItems.push({
145145
...conv,
146146
menuItems: createMenuItems(conv.id),
147-
icon: <ThumbtackIcon />,
147+
icon: <RhUiThumbtackFillIcon />,
148148
dropdownId: `pin-demo-${conv.id}-dropdown`
149149
});
150150
}

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSearchActions.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import {
1313
SelectOption,
1414
Tooltip
1515
} from '@patternfly/react-core';
16-
import { FilterIcon, SortAmountDownIcon } from '@patternfly/react-icons';
16+
import { RhUiFilterFillIcon, RhMicronsSortDownLargeToSmallIcon } from '@patternfly/react-icons';
1717

1818
const initialConversations: { [key: string]: Conversation[] } = {
1919
Today: [{ id: '1', text: 'Red Hat products and services' }],
@@ -148,7 +148,7 @@ export const ChatbotHeaderTitleDemo: FunctionComponent = () => {
148148
aria-label="Filter options"
149149
// eslint-disable-next-line no-console
150150
onClick={() => console.log('Filter button clicked')}
151-
icon={<FilterIcon />}
151+
icon={<RhUiFilterFillIcon />}
152152
/>
153153
</Tooltip>
154154
) : undefined
@@ -171,7 +171,7 @@ export const ChatbotHeaderTitleDemo: FunctionComponent = () => {
171171
variant="plain"
172172
aria-label={`${sortLabels[selectedSort]}, Sort conversations`}
173173
icon={
174-
<SortAmountDownIcon
174+
<RhMicronsSortDownLargeToSmallIcon
175175
style={{
176176
transform:
177177
selectedSort === 'oldest' || selectedSort === 'alphabetical-asc' ? 'scaleY(-1)' : 'none'

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/CompactSettings.tsx‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,12 @@ import ChatbotHeader, {
2020
ChatbotHeaderOptionsDropdown,
2121
ChatbotHeaderTitle
2222
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
23-
import { CogIcon, ExpandIcon, OpenDrawerRightIcon, OutlinedWindowRestoreIcon } from '@patternfly/react-icons';
23+
import {
24+
RhUiExpandIcon,
25+
RhUiOpenDrawerRightIcon,
26+
RhUiRestoreWindowIcon,
27+
RhUiSettingsFillIcon
28+
} from '@patternfly/react-icons';
2429

2530
export const CompactSettingsDemo: FunctionComponent = () => {
2631
const [isChecked, setIsChecked] = useState<boolean>(true);
@@ -222,23 +227,23 @@ export const CompactSettingsDemo: FunctionComponent = () => {
222227
<DropdownItem
223228
value={ChatbotDisplayMode.default}
224229
key="switchDisplayOverlay"
225-
icon={<OutlinedWindowRestoreIcon aria-hidden />}
230+
icon={<RhUiRestoreWindowIcon aria-hidden />}
226231
isSelected={displayMode === ChatbotDisplayMode.default}
227232
>
228233
<span>Overlay</span>
229234
</DropdownItem>
230235
<DropdownItem
231236
value={ChatbotDisplayMode.docked}
232237
key="switchDisplayDock"
233-
icon={<OpenDrawerRightIcon aria-hidden />}
238+
icon={<RhUiOpenDrawerRightIcon aria-hidden />}
234239
isSelected={displayMode === ChatbotDisplayMode.docked}
235240
>
236241
<span>Dock to window</span>
237242
</DropdownItem>
238243
<DropdownItem
239244
value={ChatbotDisplayMode.fullscreen}
240245
key="switchDisplayFullscreen"
241-
icon={<ExpandIcon aria-hidden />}
246+
icon={<RhUiExpandIcon aria-hidden />}
242247
isSelected={displayMode === ChatbotDisplayMode.fullscreen}
243248
>
244249
<span>Fullscreen</span>
@@ -247,7 +252,7 @@ export const CompactSettingsDemo: FunctionComponent = () => {
247252
</DropdownGroup>
248253
<Divider />
249254
<DropdownList>
250-
<DropdownItem value="Settings" key="switchSettings" icon={<CogIcon aria-hidden />}>
255+
<DropdownItem value="Settings" key="switchSettings" icon={<RhUiSettingsFillIcon aria-hidden />}>
251256
<span>Settings</span>
252257
</DropdownItem>
253258
</DropdownList>

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/Settings.tsx‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,12 @@ import ChatbotHeader, {
2020
ChatbotHeaderOptionsDropdown,
2121
ChatbotHeaderTitle
2222
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
23-
import { CogIcon, ExpandIcon, OpenDrawerRightIcon, OutlinedWindowRestoreIcon } from '@patternfly/react-icons';
23+
import {
24+
RhUiExpandIcon,
25+
RhUiOpenDrawerRightIcon,
26+
RhUiRestoreWindowIcon,
27+
RhUiSettingsFillIcon
28+
} from '@patternfly/react-icons';
2429

2530
export const SettingsDemo: FunctionComponent = () => {
2631
const [isChecked, setIsChecked] = useState<boolean>(true);
@@ -222,23 +227,23 @@ export const SettingsDemo: FunctionComponent = () => {
222227
<DropdownItem
223228
value={ChatbotDisplayMode.default}
224229
key="switchDisplayOverlay"
225-
icon={<OutlinedWindowRestoreIcon aria-hidden />}
230+
icon={<RhUiRestoreWindowIcon aria-hidden />}
226231
isSelected={displayMode === ChatbotDisplayMode.default}
227232
>
228233
<span>Overlay</span>
229234
</DropdownItem>
230235
<DropdownItem
231236
value={ChatbotDisplayMode.docked}
232237
key="switchDisplayDock"
233-
icon={<OpenDrawerRightIcon aria-hidden />}
238+
icon={<RhUiOpenDrawerRightIcon aria-hidden />}
234239
isSelected={displayMode === ChatbotDisplayMode.docked}
235240
>
236241
<span>Dock to window</span>
237242
</DropdownItem>
238243
<DropdownItem
239244
value={ChatbotDisplayMode.fullscreen}
240245
key="switchDisplayFullscreen"
241-
icon={<ExpandIcon aria-hidden />}
246+
icon={<RhUiExpandIcon aria-hidden />}
242247
isSelected={displayMode === ChatbotDisplayMode.fullscreen}
243248
>
244249
<span>Fullscreen</span>
@@ -247,7 +252,7 @@ export const SettingsDemo: FunctionComponent = () => {
247252
</DropdownGroup>
248253
<Divider />
249254
<DropdownList>
250-
<DropdownItem value="Settings" key="switchSettings" icon={<CogIcon aria-hidden />}>
255+
<DropdownItem value="Settings" key="switchSettings" icon={<RhUiSettingsFillIcon aria-hidden />}>
251256
<span>Settings</span>
252257
</DropdownItem>
253258
</DropdownList>

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md‎

Lines changed: 1 addition & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -70,30 +70,16 @@ import { MessageBar } from '@patternfly/chatbot/dist/dynamic/MessageBar';
7070
import SourceDetailsMenuItem from '@patternfly/chatbot/dist/dynamic/SourceDetailsMenuItem';
7171
import { ChatbotModal } from '@patternfly/chatbot/dist/dynamic/ChatbotModal';
7272
import SettingsForm from '@patternfly/chatbot/dist/dynamic/Settings';
73-
import RhUiAttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-icon';
74-
import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon';
75-
import RhUiClipboardIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-icon';
76-
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
77-
import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon';
78-
import { ThumbtackIcon } from '@patternfly/react-icons';
79-
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
8073
import { useDropzone } from 'react-dropzone';
81-
8274
import ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
8375
import { Button, Label, DropdownItem, DropdownList, Checkbox, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
84-
85-
import OutlinedWindowRestoreIcon from '@patternfly/react-icons/dist/esm/icons/outlined-window-restore-icon';
86-
import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon';
87-
import OpenDrawerRightIcon from '@patternfly/react-icons/dist/esm/icons/open-drawer-right-icon';
88-
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
89-
import PenToSquareIcon from '@patternfly/react-icons/dist/esm/icons/pen-to-square-icon';
9076
import PFHorizontalLogoColor from './PF-HorizontalLogo-Color.svg';
9177
import PFHorizontalLogoReverse from './PF-HorizontalLogo-Reverse.svg';
9278
import userAvatar from '../Messages/user_avatar.svg';
9379
import patternflyAvatar from '../Messages/patternfly_avatar.jpg';
9480
import termsAndConditionsHeader from './PF-TermsAndConditionsHeader.svg';
9581
import onboardingHeader from './RH-Hat-Image.svg';
96-
import { CloseIcon, SearchIcon, OutlinedCommentsIcon, FilterIcon, SortAmountDownIcon } from '@patternfly/react-icons';
82+
import { RhMicronsSortDownLargeToSmallIcon, RhUiAddIcon, RhUiAttentionBellIcon, RhUiCalendarIcon, RhUiClipboardIcon, RhUiCodeIcon, RhUiCommentsIcon, RhUiEditFillIcon, RhUiExpandIcon, RhUiFilterFillIcon, RhUiOpenDrawerRightIcon, RhUiRestoreWindowIcon, RhUiSearchIcon, RhUiSettingsFillIcon, RhUiThumbtackFillIcon, RhUiUploadIcon } from '@patternfly/react-icons';
9783
import { FunctionComponent, FormEvent, useState, useRef, MouseEvent, isValidElement, cloneElement, Children, ReactNode, Ref, MouseEvent as ReactMouseEvent, CSSProperties, useEffect} from 'react';
9884
import FilePreview from '@patternfly/chatbot/dist/dynamic/FilePreview';
9985

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,7 @@ ChatbotHeaderSelectorDropdown,
3737
ChatbotHeaderOptionsDropdown
3838
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
3939
import ChatbotAlert from '@patternfly/chatbot/dist/dynamic/ChatbotAlert';
40-
import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon';
41-
import OpenDrawerRightIcon from '@patternfly/react-icons/dist/esm/icons/open-drawer-right-icon';
42-
import OutlinedWindowRestoreIcon from '@patternfly/react-icons/dist/esm/icons/outlined-window-restore-icon';
40+
import { RhUiExpandIcon, RhUiOpenDrawerRightIcon, RhUiRestoreWindowIcon } from '@patternfly/react-icons';
4341
import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg';
4442
import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg';
4543
import userAvatar from '../Messages/user_avatar.svg';

‎packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -48,9 +48,7 @@ ChatbotHeaderOptionsDropdown,
4848
ChatbotHeaderCloseButton,
4949
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
5050

51-
import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon';
52-
import OpenDrawerRightIcon from '@patternfly/react-icons/dist/esm/icons/open-drawer-right-icon';
53-
import OutlinedWindowRestoreIcon from '@patternfly/react-icons/dist/esm/icons/outlined-window-restore-icon';
51+
import { RhUiExpandIcon, RhUiOpenDrawerRightIcon, RhUiRestoreWindowIcon } from '@patternfly/react-icons';
5452
import { BarsIcon } from '@patternfly/react-icons/dist/esm/icons/bars-icon';
5553
import { CopyIcon } from '@patternfly/react-icons/dist/esm/icons/copy-icon';
5654
import { WrenchIcon } from '@patternfly/react-icons/dist/esm/icons/wrench-icon';

0 commit comments

Comments
 (0)