diff options
Diffstat (limited to 'packages/ui/src/badge')
-rw-r--r-- | packages/ui/src/badge/ProBadge.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/ui/src/badge/ProBadge.tsx b/packages/ui/src/badge/ProBadge.tsx index 612e23210..5cc41f5b2 100644 --- a/packages/ui/src/badge/ProBadge.tsx +++ b/packages/ui/src/badge/ProBadge.tsx | |||
@@ -1,15 +1,17 @@ | |||
1 | import { mdiStar } from '@mdi/js'; | ||
1 | import { Theme } from '@meetfranz/theme'; | 2 | import { Theme } from '@meetfranz/theme'; |
2 | import classnames from 'classnames'; | 3 | import classnames from 'classnames'; |
3 | import React, { Component } from 'react'; | 4 | import React, { Component } from 'react'; |
4 | import injectStyle from 'react-jss'; | 5 | import injectStyle from 'react-jss'; |
5 | 6 | ||
6 | import { Icon, Badge } from '../'; | 7 | import { Badge, Icon } from '../'; |
7 | import { IWithStyle } from '../typings/generic'; | 8 | import { IWithStyle } from '../typings/generic'; |
8 | 9 | ||
9 | interface IProps extends IWithStyle { | 10 | interface IProps extends IWithStyle { |
10 | badgeClasses?: string; | 11 | badgeClasses?: string; |
11 | iconClasses?: string; | 12 | iconClasses?: string; |
12 | inverted?: boolean; | 13 | inverted?: boolean; |
14 | className?: string; | ||
13 | } | 15 | } |
14 | 16 | ||
15 | const styles = (theme: Theme) => ({ | 17 | const styles = (theme: Theme) => ({ |
@@ -37,6 +39,7 @@ class ProBadgeComponent extends Component<IProps> { | |||
37 | badgeClasses, | 39 | badgeClasses, |
38 | iconClasses, | 40 | iconClasses, |
39 | inverted, | 41 | inverted, |
42 | className, | ||
40 | } = this.props; | 43 | } = this.props; |
41 | 44 | ||
42 | return ( | 45 | return ( |
@@ -46,10 +49,11 @@ class ProBadgeComponent extends Component<IProps> { | |||
46 | classes.badge, | 49 | classes.badge, |
47 | inverted && classes.invertedBadge, | 50 | inverted && classes.invertedBadge, |
48 | badgeClasses, | 51 | badgeClasses, |
52 | className, | ||
49 | ])} | 53 | ])} |
50 | > | 54 | > |
51 | <Icon | 55 | <Icon |
52 | icon="mdiStar" | 56 | icon={mdiStar} |
53 | className={classnames([ | 57 | className={classnames([ |
54 | classes.icon, | 58 | classes.icon, |
55 | inverted && classes.invertedIcon, | 59 | inverted && classes.invertedIcon, |