forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Even less intrusive status line for posts (#1496)
authored by
Paul Frazee
and committed by
GitHub
95e8a6bf
8f8bed9a
+40
-41
+40
-41
src/view/com/composer/Composer.tsx
+40
-41
src/view/com/composer/Composer.tsx
···
253
253
<Text style={[pal.link, s.f18]}>Cancel</Text>
254
254
</TouchableOpacity>
255
255
<View style={s.flex1} />
256
-
<LabelsBtn labels={labels} onChange={setLabels} hasMedia={hasMedia} />
257
256
{isProcessing ? (
258
-
<View style={styles.postBtn}>
259
-
<ActivityIndicator />
260
-
</View>
261
-
) : canPost ? (
262
-
<TouchableOpacity
263
-
testID="composerPublishBtn"
264
-
onPress={onPressPublish}
265
-
accessibilityRole="button"
266
-
accessibilityLabel={replyTo ? 'Publish reply' : 'Publish post'}
267
-
accessibilityHint={
268
-
replyTo
269
-
? 'Double tap to publish your reply'
270
-
: 'Double tap to publish your post'
271
-
}>
272
-
<LinearGradient
273
-
colors={[gradients.blueLight.start, gradients.blueLight.end]}
274
-
start={{x: 0, y: 0}}
275
-
end={{x: 1, y: 1}}
276
-
style={styles.postBtn}>
277
-
<Text style={[s.white, s.f16, s.bold]}>
278
-
{replyTo ? 'Reply' : 'Post'}
279
-
</Text>
280
-
</LinearGradient>
281
-
</TouchableOpacity>
257
+
<>
258
+
<Text style={pal.textLight}>{processingState}</Text>
259
+
<View style={styles.postBtn}>
260
+
<ActivityIndicator />
261
+
</View>
262
+
</>
282
263
) : (
283
-
<View style={[styles.postBtn, pal.btn]}>
284
-
<Text style={[pal.textLight, s.f16, s.bold]}>Post</Text>
285
-
</View>
264
+
<>
265
+
<LabelsBtn
266
+
labels={labels}
267
+
onChange={setLabels}
268
+
hasMedia={hasMedia}
269
+
/>
270
+
{canPost ? (
271
+
<TouchableOpacity
272
+
testID="composerPublishBtn"
273
+
onPress={onPressPublish}
274
+
accessibilityRole="button"
275
+
accessibilityLabel={
276
+
replyTo ? 'Publish reply' : 'Publish post'
277
+
}
278
+
accessibilityHint="">
279
+
<LinearGradient
280
+
colors={[
281
+
gradients.blueLight.start,
282
+
gradients.blueLight.end,
283
+
]}
284
+
start={{x: 0, y: 0}}
285
+
end={{x: 1, y: 1}}
286
+
style={styles.postBtn}>
287
+
<Text style={[s.white, s.f16, s.bold]}>
288
+
{replyTo ? 'Reply' : 'Post'}
289
+
</Text>
290
+
</LinearGradient>
291
+
</TouchableOpacity>
292
+
) : (
293
+
<View style={[styles.postBtn, pal.btn]}>
294
+
<Text style={[pal.textLight, s.f16, s.bold]}>Post</Text>
295
+
</View>
296
+
)}
297
+
</>
286
298
)}
287
299
</View>
288
300
{store.preferences.requireAltTextEnabled && gallery.needsAltText && (
···
369
381
</View>
370
382
) : undefined}
371
383
</ScrollView>
372
-
{isProcessing ? (
373
-
<View style={[pal.viewLight, styles.processingLine]}>
374
-
<ActivityIndicator />
375
-
<Text style={pal.textLight}>{processingState}</Text>
376
-
</View>
377
-
) : undefined}
378
384
{!extLink && suggestedLinks.size > 0 ? (
379
385
<View style={s.mb5}>
380
386
{Array.from(suggestedLinks)
···
434
440
borderRadius: 20,
435
441
paddingHorizontal: 20,
436
442
paddingVertical: 6,
437
-
},
438
-
processingLine: {
439
-
flexDirection: 'row',
440
-
alignItems: 'center',
441
-
gap: 8,
442
-
paddingHorizontal: 26,
443
-
paddingVertical: 12,
444
443
},
445
444
errorLine: {
446
445
flexDirection: 'row',