diff --git a/src/ui/component/common/icon-custom.jsx b/src/ui/component/common/icon-custom.jsx index 31239937c..d409c31dc 100644 --- a/src/ui/component/common/icon-custom.jsx +++ b/src/ui/component/common/icon-custom.jsx @@ -1,6 +1,6 @@ // @flow import * as ICONS from 'constants/icons'; -import React from 'react'; +import React, { Fragment } from 'react'; type IconProps = { size: number, @@ -16,7 +16,7 @@ const buildIcon = iconStrokes => (props: IconProps) => { viewBox="0 0 24 24" width={size} height={size} - fill="none" + fill="solid" stroke={color} strokeWidth="2" strokeLinecap="round" @@ -114,5 +114,16 @@ export const customIcons = { [ICONS.UNSUBSCRIBE]: buildIcon( ), - [ICONS.LBRY]: LBRY, // Fix this + [ICONS.LBRY]: buildIcon( + + + + + ), }; diff --git a/src/ui/component/common/icon.jsx b/src/ui/component/common/icon.jsx index 274c38b37..0ad65080f 100644 --- a/src/ui/component/common/icon.jsx +++ b/src/ui/component/common/icon.jsx @@ -46,7 +46,8 @@ class IconComponent extends React.PureComponent { render() { const { icon, tooltip, iconColor, size } = this.props; const Icon = customIcons[this.props.icon] || FeatherIcons[this.props.icon]; - + console.log('icon', icon); + console.log('Icon', Icon); if (!Icon) { return null; } diff --git a/src/ui/component/header/view.jsx b/src/ui/component/header/view.jsx index 65bd8e382..0e53da099 100644 --- a/src/ui/component/header/view.jsx +++ b/src/ui/component/header/view.jsx @@ -77,7 +77,7 @@ const Header = (props: Props) => { {/* @if TARGET='web' */}