diff --git a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/VirtualAssistant/VirtualAssistant.md b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/VirtualAssistant/VirtualAssistant.md index 06c5fb0c..3da6cd2a 100644 --- a/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/VirtualAssistant/VirtualAssistant.md +++ b/packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/VirtualAssistant/VirtualAssistant.md @@ -112,7 +112,7 @@ This is an example of a message sent by assistant with follow-up options. Follow ### User Message -This is an example of a message sent by user. Additionally, it allows for the use of a custom icon through the `icon` property. +This is an example of a message sent by user. ```js file="./UserMessage.tsx" diff --git a/packages/module/src/UserMessageEntry/UserMessageEntry.tsx b/packages/module/src/UserMessageEntry/UserMessageEntry.tsx index 5939f908..da653300 100644 --- a/packages/module/src/UserMessageEntry/UserMessageEntry.tsx +++ b/packages/module/src/UserMessageEntry/UserMessageEntry.tsx @@ -1,6 +1,5 @@ import React, { PropsWithChildren } from 'react'; -import { Icon, Split, SplitItem, TextContent } from '@patternfly/react-core'; -import OutlinedUserIcon from '@patternfly/react-icons/dist/js/icons/outlined-user-icon'; +import { Split, SplitItem, TextContent } from '@patternfly/react-core'; import { createUseStyles } from 'react-jss'; import classnames from "clsx"; @@ -9,8 +8,9 @@ const useStyles = createUseStyles({ margin: "0 0 12px 40px", }, bubbleUser: { - border: "1px solid var(--pf-v5-global--BackgroundColor--dark-400)", + backgroundColor: "var(--pf-v5-global--danger-color--100)", borderRadius: "14px", + color: "#fff", padding: "var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--md) var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--md)", maxWidth: "100%", wordWrap: "break-word", @@ -21,22 +21,17 @@ interface UserMessageEntryProps { icon?: React.ComponentType; } -const UserMessageEntry = ({ children, icon: IconComponent = OutlinedUserIcon }: PropsWithChildren) => { +const UserMessageEntry = ({ children }: PropsWithChildren) => { const classes = useStyles(); return ( <> - + {children} - - - - - );