diff --git a/src/courseware/course/share/ShareButton.jsx b/src/courseware/course/share/ShareButton.jsx
index 251dd35d..d981e1b9 100644
--- a/src/courseware/course/share/ShareButton.jsx
+++ b/src/courseware/course/share/ShareButton.jsx
@@ -1,13 +1,21 @@
import { PropTypes } from 'prop-types';
-import { Icon } from '@edx/paragon';
-import { Share } from '@edx/paragon/icons';
import { useIntl } from '@edx/frontend-platform/i18n';
-import { TwitterShareButton } from 'react-share';
-
+import { TwitterShareButton, TwitterIcon } from 'react-share';
import { stringifyUrl } from 'query-string';
+import { Icon } from '@edx/paragon';
import messages from './messages';
+const ShareTwitterIcon = () => (
+
+);
+
function ShareButton({ url }) {
const { formatMessage } = useIntl();
@@ -23,10 +31,11 @@ function ShareButton({ url }) {
return (
-
+
{formatMessage(messages.shareButton)}
);
diff --git a/src/courseware/course/share/messages.js b/src/courseware/course/share/messages.js
index 2ef59128..9c9b0855 100644
--- a/src/courseware/course/share/messages.js
+++ b/src/courseware/course/share/messages.js
@@ -16,6 +16,11 @@ const messages = defineMessages({
defaultMessage: 'Copy the link below to share this content.',
description: 'share message modal body',
},
+ shareQuote: {
+ id: 'learn.sequence.share.quote',
+ defaultMessage: 'Here\'s a fun clip from a class I\'m taking on @edXonline.\n',
+ description: 'share message quote',
+ },
});
export default messages;