forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Newskie dialog tweaks (#4623)
authored by
Eric Bailey
and committed by
GitHub
ffb67397
29aaf09a
+34
-21
+34
-21
src/components/NewskieDialog.tsx
+34
-21
src/components/NewskieDialog.tsx
···
6
6
import {differenceInSeconds} from 'date-fns'
7
7
8
8
import {useGetTimeAgo} from '#/lib/hooks/useTimeAgo'
9
+
import {isNative} from '#/platform/detection'
9
10
import {useModerationOpts} from '#/state/preferences/moderation-opts'
10
11
import {HITSLOP_10} from 'lib/constants'
11
12
import {sanitizeDisplayName} from 'lib/strings/display-names'
12
-
import {isWeb} from 'platform/detection'
13
13
import {atoms as a, useTheme} from '#/alf'
14
14
import {Button, ButtonText} from '#/components/Button'
15
15
import * as Dialog from '#/components/Dialog'
···
70
70
<Dialog.ScrollableInner
71
71
label={_(msg`New user info dialog`)}
72
72
style={[{width: 'auto', maxWidth: 400, minWidth: 200}]}>
73
-
<View style={[a.gap_sm]}>
73
+
<View style={[a.gap_md]}>
74
74
<View style={[a.align_center]}>
75
-
<Newskie
76
-
width={64}
77
-
height={64}
78
-
fill="#FFC404"
79
-
style={{marginTop: -10}}
80
-
/>
81
-
<Text style={[a.font_bold, a.text_xl, {marginTop: -10}]}>
75
+
<View
76
+
style={[
77
+
{
78
+
height: 60,
79
+
width: 64,
80
+
},
81
+
]}>
82
+
<Newskie
83
+
width={64}
84
+
height={64}
85
+
fill="#FFC404"
86
+
style={[a.absolute, a.inset_0]}
87
+
/>
88
+
</View>
89
+
<Text style={[a.font_bold, a.text_xl]}>
82
90
<Trans>Say hello!</Trans>
83
91
</Text>
84
92
</View>
85
-
<Text style={[a.text_md, a.text_center, a.leading_tight]}>
93
+
<Text style={[a.text_md, a.text_center, a.leading_snug]}>
86
94
{profile.joinedViaStarterPack ? (
87
95
<Trans>
88
96
{profileName} joined Bluesky using a starter pack{' '}
···
116
124
</View>
117
125
</StarterPackCard.Link>
118
126
) : null}
119
-
<Button
120
-
label={_(msg`Close`)}
121
-
variant="solid"
122
-
color="secondary"
123
-
size="small"
124
-
style={[a.mt_sm, isWeb && [a.self_center, {marginLeft: 'auto'}]]}
125
-
onPress={() => control.close()}>
126
-
<ButtonText>
127
-
<Trans>Close</Trans>
128
-
</ButtonText>
129
-
</Button>
127
+
128
+
{isNative && (
129
+
<Button
130
+
label={_(msg`Close`)}
131
+
variant="solid"
132
+
color="secondary"
133
+
size="small"
134
+
style={[a.mt_sm]}
135
+
onPress={() => control.close()}>
136
+
<ButtonText>
137
+
<Trans>Close</Trans>
138
+
</ButtonText>
139
+
</Button>
140
+
)}
130
141
</View>
142
+
143
+
<Dialog.Close />
131
144
</Dialog.ScrollableInner>
132
145
</Dialog.Outer>
133
146
</View>