diff options
author | George Goldberg <george@gberg.me> | 2016-12-05 14:15:17 +0000 |
---|---|---|
committer | enahum <nahumhbl@gmail.com> | 2016-12-05 11:15:17 -0300 |
commit | 7b0b0be977abe30d4fac1524d22fe40c0205d895 (patch) | |
tree | 3e61958b82786054740de3957fc1fd29f3335bb3 /webapp/components/team_import_tab.jsx | |
parent | 145876681f03f68d2fcdd4f0339f6b2b9f7b9958 (diff) | |
download | chat-7b0b0be977abe30d4fac1524d22fe40c0205d895.tar.gz chat-7b0b0be977abe30d4fac1524d22fe40c0205d895.tar.bz2 chat-7b0b0be977abe30d4fac1524d22fe40c0205d895.zip |
PLT-4862 Slack Import links should open in new tab (#4683)
* Update Slack Import help text.
It was quite inaccurate in light of all the recently added features.
* Update wording as per review.
* Don't use FormattedHTMLMessage
* Fix linter complaints.
Diffstat (limited to 'webapp/components/team_import_tab.jsx')
-rw-r--r-- | webapp/components/team_import_tab.jsx | 66 |
1 files changed, 61 insertions, 5 deletions
diff --git a/webapp/components/team_import_tab.jsx b/webapp/components/team_import_tab.jsx index ab92903db..364190a52 100644 --- a/webapp/components/team_import_tab.jsx +++ b/webapp/components/team_import_tab.jsx @@ -4,7 +4,7 @@ import * as utils from 'utils/utils.jsx'; import SettingUpload from './setting_upload.jsx'; -import {intlShape, injectIntl, defineMessages, FormattedMessage, FormattedHTMLMessage} from 'react-intl'; +import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'react-intl'; const holders = defineMessages({ importSlack: { @@ -44,12 +44,68 @@ class TeamImportTab extends React.Component { render() { const {formatMessage} = this.props.intl; + var uploadDocsLink = ( + <a + href='https://docs.mattermost.com/administration/migrating.html#migrating-from-slack' + target='_blank' + rel='noopener noreferrer' + > + <FormattedMessage + id='team_import_tab.importHelpDocsLink' + defaultMessage='documentation' + /> + </a> + ); + + var uploadExportInstructions = ( + <strong> + <FormattedMessage + id='team_import_tab.importHelpExportInstructions' + defaultMessage='Slack > Team Settings > Import/Export Data > Export > Start Export' + /> + </strong> + ); + + var uploadExporterLink = ( + <a + href='https://github.com/grundleborg/slack-advanced-exporter' + target='_blank' + rel='noopener noreferrer' + > + <FormattedMessage + id='team_import_tab.importHelpExporterLink' + defaultMessage='Slack Advanced Exporter' + /> + </a> + ); + var uploadHelpText = ( <div> - <FormattedHTMLMessage - id='team_import_tab.importHelp' - defaultMessage="<p>Slack import to Mattermost supports importing of messages in your Slack team's public channels.</p><p>To import a team from Slack, go to <strong>Slack > Team Settings > Import/Export Data > Export > Start Export</strong>. See <a href='https://docs.mattermost.com/administration/migrating.html#migrating-from-slack'>documentation</a> to learn more.</p><p>To import posts with attached files, see <a href='https://github.com/grundleborg/slack-advanced-exporter'>Slack Advanced Exporter</a> for details.</p>" - /> + <p> + <FormattedMessage + id='team_import_tab.importHelpLine1' + defaultMessage="Slack import to Mattermost supports importing of messages in your Slack team's public channels." + /> + </p> + <p> + <FormattedMessage + id='team_import_tab.importHelpLine2' + defaultMessage='To import a team from Slack, go to {exportInstructions}. See {uploadDocsLink} to learn more.' + values={{ + exportInstructions: uploadExportInstructions, + uploadDocsLink + }} + /> + </p> + <p> + <FormattedMessage + id='team_import_tab.importHelpLine3' + defaultMessage='To import posts with attached files, see {slackAdvancedExporterLink} for details.' + values={{ + slackAdvancedExporterLink: uploadExporterLink + }} + /> + </p> </div> ); |