update icon for lbc earned analytics card

This commit is contained in:
Sean Yesmunt 2020-04-23 12:15:51 -04:00
parent 837158218e
commit cf4bbc3f26
6 changed files with 6 additions and 6 deletions

View file

@ -41,7 +41,7 @@ export const icons = {
<path d="M294.3,150.9l2-12.6l-12.2-2.1l0.8-4.9l17.1,2.9l-2.8,17.5L294.3,150.9L294.3,150.9z" />
</svg>
),
[ICONS.FEATURED]: buildIcon(
[ICONS.REWARDS]: buildIcon(
<g fill="none" fillRule="evenodd" strokeLinecap="round">
<circle cx="12" cy="8" r="7" />
<polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88" />

View file

@ -24,7 +24,7 @@ type Props = {
class IconComponent extends React.PureComponent<Props> {
getTooltip = (icon: string) => {
switch (icon) {
case ICONS.FEATURED:
case ICONS.REWARDS:
return __('Featured content. Earn rewards for watching.');
case ICONS.DOWNLOAD:
return __('This file is in your library.');

View file

@ -146,7 +146,7 @@ export default function CreatorAnalytics(props: Props) {
iconColor
className="section"
title={<span>{__('%lbc_received% LBC Earned', { lbc_received: stats.AllLBCReceived })}</span>}
icon={ICONS.SUBSCRIBE}
icon={ICONS.REWARDS}
subtitle={
<React.Fragment>
<div className="card__data-subtitle">

View file

@ -199,7 +199,7 @@ const Header = (props: Props) => {
{__('Creator Analytics')}
</MenuItem>
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.REWARDS}`)}>
<Icon aria-hidden icon={ICONS.FEATURED} />
<Icon aria-hidden icon={ICONS.REWARDS} />
{__('Rewards')}
</MenuItem>
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.INVITE}`)}>

View file

@ -156,7 +156,7 @@ function SideNavigation(props: Props) {
...buildLink(PAGES.WALLET, __('Wallet'), ICONS.WALLET),
},
{
...buildLink(PAGES.REWARDS, __('Rewards'), ICONS.FEATURED),
...buildLink(PAGES.REWARDS, __('Rewards'), ICONS.REWARDS),
},
{
...buildLink(PAGES.INVITE, __('Invites'), ICONS.INVITE),

View file

@ -3,7 +3,7 @@
// Note: Icons should be named for their purpose, rather than the actual icon.
// The goal being to reduce multiple uses of the same icon for different purposes.
//
export const FEATURED = 'Award';
export const REWARDS = 'Award';
export const LOCAL = 'Folder';
export const ALERT = 'AlertCircle';
export const COPY = 'Clipboard';