diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md index 493aefd92..fbba9ca1b 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md @@ -30,7 +30,6 @@ propComponents: sortValue: 3 --- -import { ArrowRightIcon, CheckCircleIcon } from '@patternfly/react-icons'; import Message from '@patternfly/chatbot/dist/dynamic/Message'; import MessageDivider from '@patternfly/chatbot/dist/dynamic/MessageDivider'; import { rehypeCodeBlockToggle } from '@patternfly/chatbot/dist/esm/Message/Plugins/rehypeCodeBlockToggle'; @@ -39,6 +38,9 @@ import { RobotIcon } from '@patternfly/react-icons/dist/esm/icons/robot-icon'; import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon'; +import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon'; +import ArrowCircleDownIcon from '@patternfly/react-icons/dist/esm/icons/arrow-circle-down-icon'; +import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon'; import patternflyAvatar from './patternfly_avatar.jpg'; import AttachmentEdit from '@patternfly/chatbot/dist/dynamic/AttachmentEdit'; import FileDetails from '@patternfly/chatbot/dist/dynamic/FileDetails'; diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx index e0d608d43..d3b351434 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx @@ -9,27 +9,35 @@ import { Alert, Badge, Button, + ButtonVariant, Card, CardBody, + CardExpandableContent, CardFooter, + CardHeader, + CardTitle, CodeBlock, + CodeBlockCode, + Content, + ContentVariants, DescriptionList, DescriptionListDescription, DescriptionListGroup, DescriptionListTerm, + Flex, + FlexItem, HelperText, HelperTextItem, + Icon, Progress, ProgressMeasureLocation, - Flex, - FlexItem, - CardTitle, - CardHeader, - CardExpandableContent, - Spinner, - CodeBlockCode + Spinner } from '@patternfly/react-core'; -import { ArrowRightIcon, CheckCircleIcon } from '@patternfly/react-icons'; +import ArrowCircleDownIcon from '@patternfly/react-icons/dist/esm/icons/arrow-circle-down-icon'; +import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon'; +import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon'; +import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; +import React from 'react'; const UserActionEndContent = () => { // eslint-disable-next-line no-console @@ -63,6 +71,51 @@ const BeforeMainContent = () => ( ); +const downloadCard = ( + + + + + + + + + + Your discovery ISO is ready + + + + + + + + + To begin adding hosts to your bare metal cluster, you first need to boot them with the generated Discovery + ISO. This allows the installation program to see and manage your hardware. + + + + + + + + + + 1.2 GB • Expires in 24 hours + + + + + + + + Next step: After downloading, boot your bare metal hosts from this ISO image. + + + +); interface Stage { id: string; name: string; @@ -386,5 +439,14 @@ export const UserMessageWithExtraContent: FunctionComponent = () => ( afterMainContent: }} /> + );