Skip to content

Commit 04158d1

Browse files
committed
Address feedback
1 parent 197282d commit 04158d1

File tree

3 files changed

+7
-6
lines changed

3 files changed

+7
-6
lines changed

packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/Messages/BotMessage.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React from 'react';
22
import Message from '@patternfly/virtual-assistant/dist/dynamic/Message';
33
import patternflyAvatar from './patternfly_avatar.jpg';
44

5-
export const AttachmentMenuExample: React.FunctionComponent = () => {
5+
export const BotMessageExample: React.FunctionComponent = () => {
66
const markdown = `
77
Here is some YAML code:
88
@@ -62,24 +62,25 @@ export default MessageLoading;
6262

6363
return (
6464
<>
65+
<Message name="Bot" role="bot" avatar={patternflyAvatar} content={`Text-based message from a bot named "Bot`} />
6566
<Message
6667
name="Bot"
6768
role="bot"
6869
avatar={patternflyAvatar}
69-
content="Example content with updated timestamp text"
70+
content={`Text-based message from a bot named "Bot," with updated timestamp`}
7071
timestamp="1 hour ago"
7172
/>
7273
<Message name="Bot" role="bot" avatar={patternflyAvatar} content={markdown} />
7374
<Message name="Bot" role="bot" avatar={patternflyAvatar} content={orderedList} />
7475
<Message name="Bot" role="bot" avatar={patternflyAvatar} content={unorderedList} />
7576
<Message name="Bot" role="bot" avatar={patternflyAvatar} content={moreComplexList} />
7677
<Message name="Bot" role="bot" avatar={patternflyAvatar} content="Example content" isLoading />
77-
<Message role="bot" avatar={patternflyAvatar} content="Message with no name" />
78+
<Message role="bot" avatar={patternflyAvatar} content="Text-based message from a nameless bot" />
7879
<Message
7980
name="Default Openshift Container Platform Assistant That Can Help With Any Query You Might Need Help With"
8081
role="bot"
8182
avatar={patternflyAvatar}
82-
content="Message with very long name"
83+
content="Text-based message, where the bot's name is truncated"
8384
/>
8485
</>
8586
);

packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/Messages/Messages.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ Messages from the chatbot will be marked with an "AI" label to clearly communica
5050

5151
<br />
5252

53-
By default, a date and timestamp is displayed with each message. You can update `timestamp` with a different [date and time format](/ux-writing/numerics) as needed.
53+
By default, a date and timestamp is displayed with each message. We recommend using the `timestamp` prop in real chatbots, since it will allow you to set persistent dates and times on messages, even if the messages re-render. You can update `timestamp` with a different [date and time format](/ux-writing/numerics) as needed.
5454

5555
```js file="./BotMessage.tsx"
5656

packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/Messages/UserMessage.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import React from 'react';
33
import Message from '@patternfly/virtual-assistant/dist/dynamic/Message';
44
import userAvatar from './user_avatar.jpg';
55

6-
export const AttachmentMenuExample: React.FunctionComponent = () => {
6+
export const UserMessageExample: React.FunctionComponent = () => {
77
const markdown = `A paragraph with *emphasis* and **strong importance**.
88
99
> A block quote with ~strikethrough~ and a URL: https://reactjs.org.

0 commit comments

Comments
 (0)