diff --git a/Composer/packages/lib/ui-shared/src/components/ProvisionHandoff/ProvisionHandoff.tsx b/Composer/packages/lib/ui-shared/src/components/ProvisionHandoff/ProvisionHandoff.tsx index 2027abab73..33ebcbbd7f 100644 --- a/Composer/packages/lib/ui-shared/src/components/ProvisionHandoff/ProvisionHandoff.tsx +++ b/Composer/packages/lib/ui-shared/src/components/ProvisionHandoff/ProvisionHandoff.tsx @@ -11,12 +11,14 @@ import { IconButton } from 'office-ui-fabric-react/lib/components/Button'; import { FontSizes, NeutralColors } from '@uifabric/fluent-theme/lib/fluent'; import { useRef } from 'react'; import { ITextField, TextField } from 'office-ui-fabric-react/lib/components/TextField'; +import { Link } from 'office-ui-fabric-react/lib/Link'; import { DialogTypes, DialogWrapper } from '../DialogWrapper'; type ProvisionHandoffProps = { title: string; developerInstructions: string; + learnMoreLink?: string; handoffInstructions: string; hidden: boolean; onBack: () => void; @@ -43,12 +45,23 @@ export const ProvisionHandoff = (props: ProvisionHandoffProps) => { + {props.developerInstructions && ( +
+ {props.developerInstructions}   + {props.learnMoreLink && ( + + {formatMessage('Learn More')} + + )} +
+ )}
- {formatMessage('Instructions for your Azure admin:')} + + {formatMessage('Instructions for your Azure admin')} + { />
diff --git a/extensions/azurePublish/src/components/azureProvisionDialog.tsx b/extensions/azurePublish/src/components/azureProvisionDialog.tsx index bbf9cae889..dff4328db9 100644 --- a/extensions/azurePublish/src/components/azureProvisionDialog.tsx +++ b/extensions/azurePublish/src/components/azureProvisionDialog.tsx @@ -320,7 +320,13 @@ export const AzureProvisionDialog: React.FC = () => { } --createLuisResource=${createLuisResource} --createLuisAuthoringResource=${createLuisAuthoringResource} --createCosmosDb=${createCosmosDb} --createStorage=${createStorage} --createAppInsights=${createAppInsights} --createQnAResource=${createQnAResource}`; const instructions = formatMessage( - 'I am working on a Microsoft Bot Framework project, and I now require some Azure resources to be created. Please follow the instructions below to create these resources and provide them to me.\n\n1. Follow the instructions at the link below to run the provisioning command (seen below)\n2. Copy and paste the resulting JSON and securely share it with me.\n\nProvisoning Command:\n{command}\n\nDetailed instructions:\nhttps://aka.ms/how-to-complete-provision-handoff', + 'I am working on a Microsoft Bot Framework project, and I now require some Azure resources to be created.' + + ' Please follow the instructions below to create these resources and provide them to me.\n\n' + + '1. Follow the instructions at the link below to run the provisioning command (seen below)\n' + + '2. Copy and paste the resulting JSON and securely share it with me.\n\n' + + 'Provisoning Command:\n' + + '{command}\n\n' + + 'Detailed instructions:\nhttps://aka.ms/how-to-complete-provision-handoff', { command: provisionComposer } ); @@ -1108,6 +1114,7 @@ export const AzureProvisionDialog: React.FC = () => { )} handoffInstructions={handoffInstructions} hidden={!showHandoff} + learnMoreLink="https://aka.ms/how-to-complete-provision-handoff" title={formatMessage('Share resource request')} onBack={() => { setShowHandoff(false);