// @flow import React from 'react'; import * as ICONS from 'constants/icons'; import { LOGO_TITLE, LOGO, LOGO_TEXT_LIGHT, LOGO_TEXT_DARK } from 'config'; import Icon from 'component/common/icon'; import { useIsMobile } from 'effects/use-screensize'; type Props = { type: string, currentTheme: string, }; export default function Logo(props: Props) { const { type, currentTheme } = props; const isMobile = useIsMobile(); const defaultWithLabel = ( <> {/* @if TARGET='app' */}
{'LBRY'}
{/* @endif */} {/* @if TARGET='web' */}
{LOGO_TITLE}
{/* @endif */} ); if (type === 'small' || (isMobile && type !== 'embed')) { return LOGO ? : ; } else if (type === 'embed') { if (LOGO_TEXT_LIGHT) { return ( <> ); } else { return defaultWithLabel; } } else if (type === 'embed-ended') { if (LOGO_TEXT_LIGHT) { return ( <> ); } else { return defaultWithLabel; } } else { if (LOGO_TEXT_LIGHT && LOGO_TEXT_DARK) { return ( <> ); } else { return defaultWithLabel; } } }