zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Update threads to use design system

Browse source
This commit is contained in:
Paul Frazee 2022-12-30 12:19:45 -06:00
parent 55500e2f66
commit 55ca7dcce1
6 changed files with 63 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/view/com/util/PostMeta.tsx
View file

@ -48,16 +48,16 @@ export function PostMeta(opts: PostMetaOpts) {
style={styles.metaItem}
href={opts.authorHref}
title={opts.authorHandle}>
<Text style={[pal.text, theme.typography.h5]} numberOfLines={1}>
<Text type="h5" style={[pal.text]} numberOfLines={1}>
{displayName}
{handle ? (
<Text style={[pal.textLight, theme.typography.h6]}>
<Text type="h6" style={[pal.textLight]}>
&nbsp;{handle}
</Text>
) : undefined}
</Text>
</Link>
<Text style={[styles.metaItem, pal.textLight, theme.typography.h6]}>
<Text type="h6" style={[styles.metaItem, pal.textLight]}>
&middot; {ago(opts.timestamp)}
</Text>
<View style={s.flex1} />

8
src/view/com/util/text/RichText.tsx
View file

@ -29,7 +29,7 @@ export function RichText({
}) {
const theme = useTheme()
const pal = usePalette('default')
const lineHeightStyle = lh(theme, 'body1', 1.2)
const lineHeightStyle = lh(theme, type, 1.2)
if (!entities?.length) {
if (/^\p{Extended_Pictographic}+$/u.test(text) && text.length <= 5) {
style = {
@ -38,7 +38,11 @@ export function RichText({
}
return <Text style={[style, pal.text]}>{text}</Text>
}
return <Text style={[style, pal.text, lineHeightStyle]}>{text}</Text>
return (
<Text type={type} style={[style, pal.text, lineHeightStyle]}>
{text}
</Text>
)
}
if (!style) style = []
else if (!Array.isArray(style)) style = [style]