diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-09-04 13:14:00 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-09-04 13:14:00 +0200 |
commit | 8a4af9d7252e53095c1f1874301660ac77eedd5d (patch) | |
tree | ec2ff58a4d1f67fb96fbc5eb7fb6cb66043a8412 /src/features/shareFranz | |
parent | Update en-US.json (diff) | |
download | ferdium-app-8a4af9d7252e53095c1f1874301660ac77eedd5d.tar.gz ferdium-app-8a4af9d7252e53095c1f1874301660ac77eedd5d.tar.zst ferdium-app-8a4af9d7252e53095c1f1874301660ac77eedd5d.zip |
Fix icons & button color
Diffstat (limited to 'src/features/shareFranz')
-rw-r--r-- | src/features/shareFranz/Component.js | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/features/shareFranz/Component.js b/src/features/shareFranz/Component.js index 859c0ebe9..09110179a 100644 --- a/src/features/shareFranz/Component.js +++ b/src/features/shareFranz/Component.js | |||
@@ -6,7 +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 { mdiHeart } from '@mdi/js'; | 9 | import { |
10 | mdiHeart, mdiEmail, mdiFacebookBox, mdiTwitter | ||
11 | } from '@mdi/js'; | ||
10 | import Modal from '../../components/ui/Modal'; | 12 | import Modal from '../../components/ui/Modal'; |
11 | import { state } from '.'; | 13 | import { state } from '.'; |
12 | import { gaEvent } from '../../lib/analytics'; | 14 | import { gaEvent } from '../../lib/analytics'; |
@@ -76,7 +78,7 @@ const styles = theme => ({ | |||
76 | }, | 78 | }, |
77 | cta: { | 79 | cta: { |
78 | background: theme.styleTypes.primary.contrast, | 80 | background: theme.styleTypes.primary.contrast, |
79 | color: theme.styleTypes.primary.accent, | 81 | color: `${theme.styleTypes.primary.accent} !important`, |
80 | 82 | ||
81 | '& svg': { | 83 | '& svg': { |
82 | fill: theme.styleTypes.primary.accent, | 84 | fill: theme.styleTypes.primary.accent, |
@@ -127,7 +129,7 @@ export default @injectSheet(styles) @inject('stores') @observer class ShareFranz | |||
127 | <Button | 129 | <Button |
128 | label={intl.formatMessage(messages.actionsEmail)} | 130 | label={intl.formatMessage(messages.actionsEmail)} |
129 | className={classes.cta} | 131 | className={classes.cta} |
130 | icon="mdiEmail" | 132 | icon={mdiEmail} |
131 | href={`mailto:?subject=Meet the cool app Franz&body=${intl.formatMessage(messages.shareTextEmail, { count: serviceCount })}}`} | 133 | href={`mailto:?subject=Meet the cool app Franz&body=${intl.formatMessage(messages.shareTextEmail, { count: serviceCount })}}`} |
132 | target="_blank" | 134 | target="_blank" |
133 | onClick={() => { | 135 | onClick={() => { |
@@ -137,7 +139,7 @@ export default @injectSheet(styles) @inject('stores') @observer class ShareFranz | |||
137 | <Button | 139 | <Button |
138 | label={intl.formatMessage(messages.actionsFacebook)} | 140 | label={intl.formatMessage(messages.actionsFacebook)} |
139 | className={classes.cta} | 141 | className={classes.cta} |
140 | icon="mdiFacebookBox" | 142 | icon={mdiFacebookBox} |
141 | href="https://www.facebook.com/sharer/sharer.php?u=https://www.meetfranz.com?utm_source=facebook&utm_medium=referral&utm_campaign=share-button" | 143 | href="https://www.facebook.com/sharer/sharer.php?u=https://www.meetfranz.com?utm_source=facebook&utm_medium=referral&utm_campaign=share-button" |
142 | target="_blank" | 144 | target="_blank" |
143 | onClick={() => { | 145 | onClick={() => { |
@@ -147,7 +149,7 @@ export default @injectSheet(styles) @inject('stores') @observer class ShareFranz | |||
147 | <Button | 149 | <Button |
148 | label={intl.formatMessage(messages.actionsTwitter)} | 150 | label={intl.formatMessage(messages.actionsTwitter)} |
149 | className={classes.cta} | 151 | className={classes.cta} |
150 | icon="mdiTwitter" | 152 | icon={mdiTwitter} |
151 | href={`http://twitter.com/intent/tweet?status=${intl.formatMessage(messages.shareTextTwitter, { count: serviceCount })}`} | 153 | href={`http://twitter.com/intent/tweet?status=${intl.formatMessage(messages.shareTextTwitter, { count: serviceCount })}`} |
152 | target="_blank" | 154 | target="_blank" |
153 | onClick={() => { | 155 | onClick={() => { |