diff --git a/src/view/icons/Logo.tsx b/src/view/icons/Logo.tsx index d7208df13..2763800ac 100644 --- a/src/view/icons/Logo.tsx +++ b/src/view/icons/Logo.tsx @@ -1,75 +1,17 @@ import React from 'react' -import {type TextProps} from 'react-native' -import Svg, { - Defs, - LinearGradient, - Path, - type PathProps, - Stop, - type SvgProps, -} from 'react-native-svg' import {Image} from 'expo-image' +import {flatten} from '#/alf' -import {useKawaiiMode} from '#/state/preferences/kawaii' -import {flatten, useTheme} from '#/alf' - -const ratio = 57 / 64 - -type Props = { - fill?: PathProps['fill'] - style?: TextProps['style'] -} & Omit - -export const Logo = React.forwardRef(function LogoImpl(props: Props, ref) { - const t = useTheme() - const {fill, ...rest} = props - const gradient = fill === 'sky' - const styles = flatten(props.style) - const _fill = gradient - ? 'url(#sky)' - : fill || styles?.color || t.palette.primary_500 - // @ts-ignore it's fiiiiine - const size = parseInt(rest.width || 32, 10) - - const isKawaii = useKawaiiMode() - - if (isKawaii) { - return ( - 100 - ? require('../../../assets/kawaii.png') - : require('../../../assets/kawaii_smol.png') - } - accessibilityLabel="Bluesky" - accessibilityHint="" - accessibilityIgnoresInvertColors - style={[{height: size, aspectRatio: 1.4}]} - /> - ) - } - +export const Logo = React.forwardRef(function LogoImpl(props: any, ref) { + const {width, style} = props + // @ts-ignore + const size = parseInt(width || 32, 10) return ( - - {gradient && ( - - - - - - - )} - - - + ) })