ansxor.ca
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix RTL text rendering for display names (#4747)
* header display name rtl support
* highlighted post rtl
* move `NON_BREAKING_SPACE` to an external constant
* rtl support in search dropdown
* profile card rtl
* old profile card rtl
* hover card
* wizard list card
* new chat
* account card
* chat header
* clean up notifications
* just force LTR on meta display name
hailey.at
+3
-1
src/components/ProfileCard.tsx
+3
-1
src/components/ProfileCard.tsx
+2
-1
src/components/ProfileHoverCard/index.web.tsx
+2
-1
src/components/ProfileHoverCard/index.web.tsx
···
462
463
<Link to={profileURL} label={_(msg`View profile`)} onPress={hide}>
464
<View style={[a.pb_sm, a.flex_1]}>
465
-
<Text style={[a.pt_md, a.pb_xs, a.text_lg, a.font_bold]}>
466
{sanitizeDisplayName(
467
profile.displayName || sanitizeHandle(profile.handle),
468
moderation.ui('displayName'),
···
462
463
<Link to={profileURL} label={_(msg`View profile`)} onPress={hide}>
464
<View style={[a.pb_sm, a.flex_1]}>
465
+
<Text
466
+
style={[a.pt_md, a.pb_xs, a.text_lg, a.font_bold, a.self_start]}>
467
{sanitizeDisplayName(
468
profile.displayName || sanitizeHandle(profile.handle),
469
moderation.ui('displayName'),
+7
-1
src/components/StarterPack/Wizard/WizardListCard.tsx
+7
-1
src/components/StarterPack/Wizard/WizardListCard.tsx
+6
-1
src/components/dms/MessagesListHeader.tsx
+6
-1
src/components/dms/MessagesListHeader.tsx
+1
-1
src/components/dms/dialogs/SearchablePeopleList.tsx
+1
-1
src/components/dms/dialogs/SearchablePeopleList.tsx
+1
src/lib/strings/constants.ts
+1
src/lib/strings/constants.ts
···
···
1
+
export const NON_BREAKING_SPACE = '\u00A0'
+1
-1
src/screens/Profile/Header/DisplayName.tsx
+1
-1
src/screens/Profile/Header/DisplayName.tsx
+6
-3
src/view/com/notifications/FeedItem.tsx
+6
-3
src/view/com/notifications/FeedItem.tsx
···
58
import {parseTenorGif} from '#/lib/strings/embed-player'
59
import {logger} from '#/logger'
60
import {NavigationProp} from 'lib/routes/types'
61
import {DM_SERVICE_HEADERS} from 'state/queries/messages/const'
62
import {useAgent} from 'state/session'
63
import {Button, ButtonText} from '#/components/Button'
···
274
showDmButton={item.type === 'starterpack-joined' || isFollowBack}
275
/>
276
<ExpandedAuthorsList visible={isAuthorsExpanded} authors={authors} />
277
-
<Text style={styles.meta}>
278
<TextLink
279
key={authors[0].href}
280
style={[pal.text, s.bold]}
281
href={authors[0].href}
282
-
text={sanitizeDisplayName(
283
-
authors[0].profile.displayName || authors[0].profile.handle,
284
)}
285
disableMismatchWarning
286
/>
···
58
import {parseTenorGif} from '#/lib/strings/embed-player'
59
import {logger} from '#/logger'
60
import {NavigationProp} from 'lib/routes/types'
61
+
import {forceLTR} from 'lib/strings/bidi'
62
import {DM_SERVICE_HEADERS} from 'state/queries/messages/const'
63
import {useAgent} from 'state/session'
64
import {Button, ButtonText} from '#/components/Button'
···
275
showDmButton={item.type === 'starterpack-joined' || isFollowBack}
276
/>
277
<ExpandedAuthorsList visible={isAuthorsExpanded} authors={authors} />
278
+
<Text style={[styles.meta, a.self_start]}>
279
<TextLink
280
key={authors[0].href}
281
style={[pal.text, s.bold]}
282
href={authors[0].href}
283
+
text={forceLTR(
284
+
sanitizeDisplayName(
285
+
authors[0].profile.displayName || authors[0].profile.handle,
286
+
),
287
)}
288
disableMismatchWarning
289
/>
+1
-1
src/view/com/post-thread/PostThreadItem.tsx
+1
-1
src/view/com/post-thread/PostThreadItem.tsx
+1
-1
src/view/com/profile/ProfileCard.tsx
+1
-1
src/view/com/profile/ProfileCard.tsx
+8
-10
src/view/com/util/PostMeta.tsx
+8
-10
src/view/com/util/PostMeta.tsx
···
6
import {precacheProfile} from '#/state/queries/profile'
7
import {usePalette} from 'lib/hooks/usePalette'
8
import {makeProfileLink} from 'lib/routes/links'
9
import {sanitizeDisplayName} from 'lib/strings/display-names'
10
import {sanitizeHandle} from 'lib/strings/handles'
11
import {niceDate} from 'lib/strings/time'
···
31
onOpenAuthor?: () => void
32
style?: StyleProp<ViewStyle>
33
}
34
-
35
-
const NON_BREAKING_SPACE = '\u00A0'
36
37
let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
38
const pal = usePalette('default')
···
70
style={[pal.text]}
71
lineHeight={1.2}
72
disableMismatchWarning
73
-
text={
74
-
<>
75
-
{sanitizeDisplayName(
76
-
displayName,
77
-
opts.moderation?.ui('displayName'),
78
-
)}
79
-
</>
80
-
}
81
href={profileLink}
82
onBeforePress={onBeforePressAuthor}
83
/>
···
6
import {precacheProfile} from '#/state/queries/profile'
7
import {usePalette} from 'lib/hooks/usePalette'
8
import {makeProfileLink} from 'lib/routes/links'
9
+
import {forceLTR} from 'lib/strings/bidi'
10
+
import {NON_BREAKING_SPACE} from 'lib/strings/constants'
11
import {sanitizeDisplayName} from 'lib/strings/display-names'
12
import {sanitizeHandle} from 'lib/strings/handles'
13
import {niceDate} from 'lib/strings/time'
···
33
onOpenAuthor?: () => void
34
style?: StyleProp<ViewStyle>
35
}
36
37
let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
38
const pal = usePalette('default')
···
70
style={[pal.text]}
71
lineHeight={1.2}
72
disableMismatchWarning
73
+
text={forceLTR(
74
+
sanitizeDisplayName(
75
+
displayName,
76
+
opts.moderation?.ui('displayName'),
77
+
),
78
+
)}
79
href={profileLink}
80
onBeforePress={onBeforePressAuthor}
81
/>
+2
-1
src/view/screens/Settings/index.tsx
+2
-1
src/view/screens/Settings/index.tsx
···
68
import {Email2FAToggle} from './Email2FAToggle'
69
import {ExportCarDialog} from './ExportCarDialog'
70
import hairlineWidth = StyleSheet.hairlineWidth
71
72
function SettingsAccountCard({
73
account,
···
104
/>
105
</View>
106
<View style={[s.flex1]}>
107
-
<Text type="md-bold" style={pal.text} numberOfLines={1}>
108
{profile?.displayName || account.handle}
109
</Text>
110
<Text type="sm" style={pal.textLight} numberOfLines={1}>
···
68
import {Email2FAToggle} from './Email2FAToggle'
69
import {ExportCarDialog} from './ExportCarDialog'
70
import hairlineWidth = StyleSheet.hairlineWidth
71
+
import {atoms as a} from '#/alf'
72
73
function SettingsAccountCard({
74
account,
···
105
/>
106
</View>
107
<View style={[s.flex1]}>
108
+
<Text type="md-bold" style={[pal.text, a.self_start]} numberOfLines={1}>
109
{profile?.displayName || account.handle}
110
</Text>
111
<Text type="sm" style={pal.textLight} numberOfLines={1}>
+2
-1
src/view/shell/desktop/Search.tsx
+2
-1
src/view/shell/desktop/Search.tsx
···
30
import {Link} from '#/view/com/util/Link'
31
import {UserAvatar} from '#/view/com/util/UserAvatar'
32
import {Text} from 'view/com/util/text/Text'
33
34
let SearchLinkCard = ({
35
label,
···
127
<View style={{flex: 1}}>
128
<Text
129
type="lg"
130
-
style={[s.bold, pal.text]}
131
numberOfLines={1}
132
lineHeight={1.2}>
133
{sanitizeDisplayName(
···
30
import {Link} from '#/view/com/util/Link'
31
import {UserAvatar} from '#/view/com/util/UserAvatar'
32
import {Text} from 'view/com/util/text/Text'
33
+
import {atoms as a} from '#/alf'
34
35
let SearchLinkCard = ({
36
label,
···
128
<View style={{flex: 1}}>
129
<Text
130
type="lg"
131
+
style={[s.bold, pal.text, a.self_start]}
132
numberOfLines={1}
133
lineHeight={1.2}>
134
{sanitizeDisplayName(