bas.sh
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Remove the avi from the compose prompt
+8
-24
src/view/com/composer/Prompt.tsx
+8
-24
src/view/com/composer/Prompt.tsx
···
1
import React from 'react'
2
import {StyleSheet, TouchableOpacity, View} from 'react-native'
3
-
import {colors} from '../../lib/styles'
4
-
import {useStores} from '../../../state'
5
-
import {UserAvatar} from '../util/UserAvatar'
6
import {Text} from '../util/text/Text'
7
import {usePalette} from '../../lib/hooks/usePalette'
8
9
export function ComposePrompt({
10
-
noAvi = false,
11
text = "What's up?",
12
btn = 'Post',
13
onPressCompose,
14
}: {
15
-
noAvi?: boolean
16
text?: string
17
btn?: string
18
onPressCompose: () => void
19
}) {
20
const pal = usePalette('default')
21
-
const store = useStores()
22
-
const onPressAvatar = () => {
23
-
store.nav.navigate(`/profile/${store.me.handle}`)
24
-
}
25
return (
26
<TouchableOpacity
27
style={[
28
pal.view,
29
pal.border,
30
styles.container,
31
-
noAvi ? styles.noAviContainer : undefined,
32
]}
33
onPress={onPressCompose}>
34
-
{!noAvi ? (
35
-
<TouchableOpacity style={styles.avatar} onPress={onPressAvatar}>
36
-
<UserAvatar
37
-
size={50}
38
-
handle={store.me.handle || ''}
39
-
displayName={store.me.displayName}
40
-
avatar={store.me.avatar}
41
-
/>
42
-
</TouchableOpacity>
43
-
) : undefined}
44
<View style={styles.textContainer}>
45
<Text type="h5" style={[pal.textLight, {fontWeight: 'normal'}]}>
46
{text}
···
57
58
const styles = StyleSheet.create({
59
container: {
60
-
paddingHorizontal: 10,
61
-
paddingVertical: 10,
62
flexDirection: 'row',
63
alignItems: 'center',
64
borderTopWidth: 1,
65
},
66
-
noAviContainer: {
67
-
paddingVertical: 14,
68
},
69
avatar: {
70
width: 50,
···
1
import React from 'react'
2
import {StyleSheet, TouchableOpacity, View} from 'react-native'
3
import {Text} from '../util/text/Text'
4
import {usePalette} from '../../lib/hooks/usePalette'
5
6
export function ComposePrompt({
7
text = "What's up?",
8
btn = 'Post',
9
+
isReply = false,
10
onPressCompose,
11
}: {
12
text?: string
13
btn?: string
14
+
isReply?: boolean
15
onPressCompose: () => void
16
}) {
17
const pal = usePalette('default')
18
return (
19
<TouchableOpacity
20
style={[
21
pal.view,
22
pal.border,
23
styles.container,
24
+
isReply ? styles.containerReply : undefined,
25
]}
26
onPress={onPressCompose}>
27
<View style={styles.textContainer}>
28
<Text type="h5" style={[pal.textLight, {fontWeight: 'normal'}]}>
29
{text}
···
40
41
const styles = StyleSheet.create({
42
container: {
43
+
paddingLeft: 4,
44
+
paddingRight: 10,
45
+
paddingVertical: 14,
46
flexDirection: 'row',
47
alignItems: 'center',
48
borderTopWidth: 1,
49
},
50
+
containerReply: {
51
+
paddingHorizontal: 10,
52
},
53
avatar: {
54
width: 50,
+1
-1
src/view/com/post-thread/PostThreadItem.tsx
+1
-1
src/view/com/post-thread/PostThreadItem.tsx
+3
-1
src/view/com/posts/Feed.tsx
+3
-1
src/view/com/posts/Feed.tsx
···
39
// like PureComponent, shouldComponentUpdate, etc
40
const renderItem = ({item}: {item: any}) => {
41
if (item === COMPOSE_PROMPT_ITEM) {
42
+
return (
43
+
<ComposePrompt onPressCompose={onPressCompose} text="New message" />
44
+
)
45
} else if (item === EMPTY_FEED_ITEM) {
46
return (
47
<EmptyState