update icon for lbc earned analytics card
This commit is contained in:
parent
837158218e
commit
cf4bbc3f26
6 changed files with 6 additions and 6 deletions
|
@ -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" />
|
||||
|
|
|
@ -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.');
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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}`)}>
|
||||
|
|
|
@ -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),
|
||||
|
|
|
@ -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';
|
||||
|
|
Loading…
Reference in a new issue