Paul Coroneos
ff5ad38253
* update eslint config with jsx runtime * leverage jsx transform to remove unnecessary react imports and update eslint config * run yarn lint --fix to remove eslint disables related to react/prop-types that is now disabled
55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
import {StyleProp, StyleSheet, TextStyle} from 'react-native'
|
|
|
|
import {sanitizeDisplayName} from '#/lib/strings/display-names'
|
|
import {TypographyVariant} from '#/lib/ThemeContext'
|
|
import {useFeedSourceInfoQuery} from '#/state/queries/feed'
|
|
import {TextLinkOnWebOnly} from './Link'
|
|
import {LoadingPlaceholder} from './LoadingPlaceholder'
|
|
|
|
export function FeedNameText({
|
|
type = 'md',
|
|
uri,
|
|
href,
|
|
lineHeight,
|
|
numberOfLines,
|
|
style,
|
|
}: {
|
|
type?: TypographyVariant
|
|
uri: string
|
|
href: string
|
|
lineHeight?: number
|
|
numberOfLines?: number
|
|
style?: StyleProp<TextStyle>
|
|
}) {
|
|
const {data, isError} = useFeedSourceInfoQuery({uri})
|
|
|
|
let inner
|
|
if (data?.displayName || isError) {
|
|
const displayName = data?.displayName || uri.split('/').pop() || ''
|
|
inner = (
|
|
<TextLinkOnWebOnly
|
|
type={type}
|
|
style={style}
|
|
lineHeight={lineHeight}
|
|
numberOfLines={numberOfLines}
|
|
href={href}
|
|
text={sanitizeDisplayName(displayName)}
|
|
/>
|
|
)
|
|
} else {
|
|
inner = (
|
|
<LoadingPlaceholder
|
|
width={80}
|
|
height={8}
|
|
style={styles.loadingPlaceholder}
|
|
/>
|
|
)
|
|
}
|
|
|
|
return inner
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
loadingPlaceholder: {position: 'relative', top: 1, left: 2},
|
|
})
|