diff options
Diffstat (limited to 'src/features/shareFranz/Component.js')
-rw-r--r-- | src/features/shareFranz/Component.js | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/features/shareFranz/Component.js b/src/features/shareFranz/Component.js index 2e66acaf3..405fb0ab5 100644 --- a/src/features/shareFranz/Component.js +++ b/src/features/shareFranz/Component.js | |||
@@ -6,6 +6,9 @@ import { defineMessages, intlShape } from 'react-intl'; | |||
6 | import { Button } from '@meetfranz/forms'; | 6 | import { Button } from '@meetfranz/forms'; |
7 | import { H1, Icon } from '@meetfranz/ui'; | 7 | import { H1, Icon } from '@meetfranz/ui'; |
8 | 8 | ||
9 | import { | ||
10 | mdiHeart, mdiEmail, mdiFacebookBox, mdiTwitter, | ||
11 | } from '@mdi/js'; | ||
9 | import Modal from '../../components/ui/Modal'; | 12 | import Modal from '../../components/ui/Modal'; |
10 | import { state } from '.'; | 13 | import { state } from '.'; |
11 | import ServicesStore from '../../stores/ServicesStore'; | 14 | import ServicesStore from '../../stores/ServicesStore'; |
@@ -74,7 +77,7 @@ const styles = theme => ({ | |||
74 | }, | 77 | }, |
75 | cta: { | 78 | cta: { |
76 | background: theme.styleTypes.primary.contrast, | 79 | background: theme.styleTypes.primary.contrast, |
77 | color: theme.styleTypes.primary.accent, | 80 | color: `${theme.styleTypes.primary.accent} !important`, |
78 | 81 | ||
79 | '& svg': { | 82 | '& svg': { |
80 | fill: theme.styleTypes.primary.accent, | 83 | fill: theme.styleTypes.primary.accent, |
@@ -115,7 +118,7 @@ export default @injectSheet(styles) @inject('stores') @observer class ShareFranz | |||
115 | close={this.close.bind(this)} | 118 | close={this.close.bind(this)} |
116 | > | 119 | > |
117 | <div className={classes.heartContainer}> | 120 | <div className={classes.heartContainer}> |
118 | <Icon icon="mdiHeart" className={classes.heart} size={4} /> | 121 | <Icon icon={mdiHeart} className={classes.heart} size={4} /> |
119 | </div> | 122 | </div> |
120 | <H1 className={classes.headline}> | 123 | <H1 className={classes.headline}> |
121 | {intl.formatMessage(messages.headline)} | 124 | {intl.formatMessage(messages.headline)} |
@@ -125,21 +128,21 @@ export default @injectSheet(styles) @inject('stores') @observer class ShareFranz | |||
125 | <Button | 128 | <Button |
126 | label={intl.formatMessage(messages.actionsEmail)} | 129 | label={intl.formatMessage(messages.actionsEmail)} |
127 | className={classes.cta} | 130 | className={classes.cta} |
128 | icon="mdiEmail" | 131 | icon={mdiEmail} |
129 | href={`mailto:?subject=Meet the cool app Franz&body=${intl.formatMessage(messages.shareTextEmail, { count: serviceCount })}}`} | 132 | href={`mailto:?subject=Meet the cool app Franz&body=${intl.formatMessage(messages.shareTextEmail, { count: serviceCount })}}`} |
130 | target="_blank" | 133 | target="_blank" |
131 | /> | 134 | /> |
132 | <Button | 135 | <Button |
133 | label={intl.formatMessage(messages.actionsFacebook)} | 136 | label={intl.formatMessage(messages.actionsFacebook)} |
134 | className={classes.cta} | 137 | className={classes.cta} |
135 | icon="mdiFacebookBox" | 138 | icon={mdiFacebookBox} |
136 | href="https://www.facebook.com/sharer/sharer.php?u=https://www.meetfranz.com?utm_source=facebook&utm_medium=referral&utm_campaign=share-button" | 139 | href="https://www.facebook.com/sharer/sharer.php?u=https://www.meetfranz.com?utm_source=facebook&utm_medium=referral&utm_campaign=share-button" |
137 | target="_blank" | 140 | target="_blank" |
138 | /> | 141 | /> |
139 | <Button | 142 | <Button |
140 | label={intl.formatMessage(messages.actionsTwitter)} | 143 | label={intl.formatMessage(messages.actionsTwitter)} |
141 | className={classes.cta} | 144 | className={classes.cta} |
142 | icon="mdiTwitter" | 145 | icon={mdiTwitter} |
143 | href={`http://twitter.com/intent/tweet?status=${intl.formatMessage(messages.shareTextTwitter, { count: serviceCount })}`} | 146 | href={`http://twitter.com/intent/tweet?status=${intl.formatMessage(messages.shareTextTwitter, { count: serviceCount })}`} |
144 | target="_blank" | 147 | target="_blank" |
145 | /> | 148 | /> |