acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Handle text wrapping

Browse Source
This commit is contained in:
Eric Bailey
2024-07-23 15:19:02 -05:00
parent ee329cd7da
commit b2ef9ce775
1 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/dialogs/MutedWords.tsx
+32 -20
View File
@@ -158,7 +158,7 @@ function MutedWordsInner() {
]}> ]}>
<View <View
style={[ style={[
a.flex_grow, a.flex_1,
a.flex_row, a.flex_row,
a.justify_start, a.justify_start,
a.align_center, a.align_center,
@@ -169,9 +169,10 @@ function MutedWordsInner() {
name="forever" name="forever"
style={[a.flex_1]}> style={[a.flex_1]}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Radio /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>Forever</Trans> <Trans>Forever</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -183,9 +184,10 @@ function MutedWordsInner() {
name="24_hours" name="24_hours"
style={[a.flex_1]}> style={[a.flex_1]}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Radio /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>24 hours</Trans> <Trans>24 hours</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -195,7 +197,7 @@ function MutedWordsInner() {
<View <View
style={[ style={[
a.flex_grow, a.flex_1,
a.flex_row, a.flex_row,
a.justify_start, a.justify_start,
a.align_center, a.align_center,
@@ -206,9 +208,10 @@ function MutedWordsInner() {
name="7_days" name="7_days"
style={[a.flex_1]}> style={[a.flex_1]}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Radio /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>7 days</Trans> <Trans>7 days</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -220,9 +223,10 @@ function MutedWordsInner() {
name="30_days" name="30_days"
style={[a.flex_1]}> style={[a.flex_1]}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Radio /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>30 days</Trans> <Trans>30 days</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -253,9 +257,10 @@ function MutedWordsInner() {
name="content" name="content"
style={[a.flex_1]}> style={[a.flex_1]}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Radio /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>Text & tags</Trans> <Trans>Text & tags</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -268,9 +273,10 @@ function MutedWordsInner() {
name="tag" name="tag"
style={[a.flex_1]}> style={[a.flex_1]}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Radio /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>Tags only</Trans> <Trans>Tags only</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -297,9 +303,9 @@ function MutedWordsInner() {
value={excludeFollowing} value={excludeFollowing}
onChange={setExcludeFollowing}> onChange={setExcludeFollowing}>
<TargetToggle> <TargetToggle>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Toggle.Checkbox /> <Toggle.Radio />
<Toggle.LabelText> <Toggle.LabelText style={[a.flex_1, a.leading_tight]}>
<Trans>Exclude users you follow</Trans> <Trans>Exclude users you follow</Trans>
</Toggle.LabelText> </Toggle.LabelText>
</View> </View>
@@ -446,7 +452,7 @@ function MutedWordRow({
a.gap_md, a.gap_md,
style, style,
]}> ]}>
<View style={[a.gap_xs]}> <View style={[a.flex_1, a.gap_xs]}>
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View style={[a.flex_row, a.align_center, a.gap_sm]}>
<Text <Text
style={[ style={[
@@ -472,8 +478,14 @@ function MutedWordRow({
</View> </View>
{(expiryDate || word.actorTarget === 'exclude-following') && ( {(expiryDate || word.actorTarget === 'exclude-following') && (
<View style={[a.flex_row, a.align_center, a.gap_sm]}> <View style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
<Text style={[a.text_xs, t.atoms.text_contrast_medium]}> <Text
style={[
a.flex_1,
a.text_xs,
a.leading_snug,
t.atoms.text_contrast_medium,
]}>
{expiryDate && ( {expiryDate && (
<> <>
{isExpired ? ( {isExpired ? (