diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithActions.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithActions.tsx index 87d0117bf..9af2bce64 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithActions.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithActions.tsx @@ -5,8 +5,8 @@ import ChatbotConversationHistoryNav, { } from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav'; import { Checkbox, DropdownItem, DropdownList } from '@patternfly/react-core'; -const menuItems = [ - +const generateMenuItems = (id: string) => [ + Download @@ -23,29 +23,29 @@ const menuItems = [ ]; const conversations: { [key: string]: Conversation[] } = { - Today: [{ id: '1', text: 'Red Hat products and services', menuItems }], + Today: [{ id: '1', text: 'Red Hat products and services', menuItems: generateMenuItems('1') }], 'This month': [ { id: '2', text: 'Enterprise Linux installation and setup', - menuItems + menuItems: generateMenuItems('2') }, - { id: '3', text: 'Troubleshoot system crash', menuItems } + { id: '3', text: 'Troubleshoot system crash', menuItems: generateMenuItems('3') } ], March: [ - { id: '4', text: 'Ansible security and updates', menuItems }, - { id: '5', text: 'Red Hat certification', menuItems }, - { id: '6', text: 'Lightspeed user documentation', menuItems } + { id: '4', text: 'Ansible security and updates', menuItems: generateMenuItems('4') }, + { id: '5', text: 'Red Hat certification', menuItems: generateMenuItems('5') }, + { id: '6', text: 'Lightspeed user documentation', menuItems: generateMenuItems('6') } ], February: [ - { id: '7', text: 'Crashing pod assistance', menuItems }, - { id: '8', text: 'OpenShift AI pipelines', menuItems }, - { id: '9', text: 'Updating subscription plan', menuItems }, - { id: '10', text: 'Red Hat licensing options', menuItems } + { id: '7', text: 'Crashing pod assistance', menuItems: generateMenuItems('7') }, + { id: '8', text: 'OpenShift AI pipelines', menuItems: generateMenuItems('8') }, + { id: '9', text: 'Updating subscription plan', menuItems: generateMenuItems('9') }, + { id: '10', text: 'Red Hat licensing options', menuItems: generateMenuItems('10') } ], January: [ - { id: '11', text: 'RHEL system performance', menuItems }, - { id: '12', text: 'Manage user accounts', menuItems } + { id: '11', text: 'RHEL system performance', menuItems: generateMenuItems('11') }, + { id: '12', text: 'Manage user accounts', menuItems: generateMenuItems('12') } ] }; diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSelection.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSelection.tsx index 6b05d119b..8729edb8c 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSelection.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSelection.tsx @@ -5,8 +5,8 @@ import ChatbotConversationHistoryNav, { } from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav'; import { Checkbox, DropdownItem, DropdownList } from '@patternfly/react-core'; -const menuItems = [ - +const generateMenuItems = (id: string) => [ + Download @@ -29,29 +29,29 @@ export const ChatbotHeaderDrawerWithSelection: FunctionComponent = () => { const displayMode = ChatbotDisplayMode.embedded; const conversations: { [key: string]: Conversation[] } = { - Today: [{ id: '1', text: 'Red Hat products and services', menuItems }], + Today: [{ id: '1', text: 'Red Hat products and services', menuItems: generateMenuItems('1') }], 'This month': [ { id: '2', text: 'Enterprise Linux installation and setup', - menuItems + menuItems: generateMenuItems('2') }, - { id: '3', text: 'Troubleshoot system crash', menuItems } + { id: '3', text: 'Troubleshoot system crash', menuItems: generateMenuItems('3') } ], March: [ - { id: '4', text: 'Ansible security and updates', menuItems }, - { id: '5', text: 'Red Hat certification', menuItems }, - { id: '6', text: 'Lightspeed user documentation', menuItems } + { id: '4', text: 'Ansible security and updates', menuItems: generateMenuItems('4') }, + { id: '5', text: 'Red Hat certification', menuItems: generateMenuItems('5') }, + { id: '6', text: 'Lightspeed user documentation', menuItems: generateMenuItems('6') } ], February: [ - { id: '7', text: 'Crashing pod assistance', menuItems }, - { id: '8', text: 'OpenShift AI pipelines', menuItems }, - { id: '9', text: 'Updating subscription plan', menuItems }, - { id: '10', text: 'Red Hat licensing options', menuItems } + { id: '7', text: 'Crashing pod assistance', menuItems: generateMenuItems('7') }, + { id: '8', text: 'OpenShift AI pipelines', menuItems: generateMenuItems('8') }, + { id: '9', text: 'Updating subscription plan', menuItems: generateMenuItems('9') }, + { id: '10', text: 'Red Hat licensing options', menuItems: generateMenuItems('10') } ], January: [ - { id: '11', text: 'RHEL system performance', menuItems }, - { id: '12', text: 'Manage user accounts', menuItems } + { id: '11', text: 'RHEL system performance', menuItems: generateMenuItems('11') }, + { id: '12', text: 'Manage user accounts', menuItems: generateMenuItems('12') } ] }; diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx index 8c2895a65..862373edd 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx @@ -66,7 +66,7 @@ export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => { }; const initialMenuItems = [ - + { /> , - + }> Alerts diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx index 52e89e7ab..04488061a 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx @@ -20,7 +20,7 @@ import '@patternfly/chatbot/dist/css/main.css'; import { cloneElement, FunctionComponent, isValidElement, ReactNode, useState, Children } from 'react'; const initialMenuItems = [ - + , - + }> Alerts diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx index 0049780f3..21dd794c0 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx @@ -230,7 +230,7 @@ export const ChatbotDemo: FunctionComponent = () => { id: '1', text: 'Hello, can you give me an example of what you can do?', menuItems: ( - +