about summary refs log tree commit diff
path: root/src/view/com/composer/Prompt.tsx
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-01-16 17:37:18 -0600
committerPaul Frazee <pfrazee@gmail.com>2023-01-16 17:37:18 -0600
commit11c861d2d368ab59d8e65b216c1551729fc140ad (patch)
treec6fab176dbf2c558a90b6f0dfc72a7f1c2fa6214 /src/view/com/composer/Prompt.tsx
parentdac9bc24d13946b6264f1f24b2a64210f9350d6e (diff)
downloadvoidsky-11c861d2d368ab59d8e65b216c1551729fc140ad.tar.zst
Remove the avi from the compose prompt
Diffstat (limited to 'src/view/com/composer/Prompt.tsx')
-rw-r--r--src/view/com/composer/Prompt.tsx32
1 files changed, 8 insertions, 24 deletions
diff --git a/src/view/com/composer/Prompt.tsx b/src/view/com/composer/Prompt.tsx
index 319d57be3..682a9990b 100644
--- a/src/view/com/composer/Prompt.tsx
+++ b/src/view/com/composer/Prompt.tsx
@@ -1,46 +1,29 @@
 import React from 'react'
 import {StyleSheet, TouchableOpacity, View} from 'react-native'
-import {colors} from '../../lib/styles'
-import {useStores} from '../../../state'
-import {UserAvatar} from '../util/UserAvatar'
 import {Text} from '../util/text/Text'
 import {usePalette} from '../../lib/hooks/usePalette'
 
 export function ComposePrompt({
-  noAvi = false,
   text = "What's up?",
   btn = 'Post',
+  isReply = false,
   onPressCompose,
 }: {
-  noAvi?: boolean
   text?: string
   btn?: string
+  isReply?: boolean
   onPressCompose: () => void
 }) {
   const pal = usePalette('default')
-  const store = useStores()
-  const onPressAvatar = () => {
-    store.nav.navigate(`/profile/${store.me.handle}`)
-  }
   return (
     <TouchableOpacity
       style={[
         pal.view,
         pal.border,
         styles.container,
-        noAvi ? styles.noAviContainer : undefined,
+        isReply ? styles.containerReply : undefined,
       ]}
       onPress={onPressCompose}>
-      {!noAvi ? (
-        <TouchableOpacity style={styles.avatar} onPress={onPressAvatar}>
-          <UserAvatar
-            size={50}
-            handle={store.me.handle || ''}
-            displayName={store.me.displayName}
-            avatar={store.me.avatar}
-          />
-        </TouchableOpacity>
-      ) : undefined}
       <View style={styles.textContainer}>
         <Text type="h5" style={[pal.textLight, {fontWeight: 'normal'}]}>
           {text}
@@ -57,14 +40,15 @@ export function ComposePrompt({
 
 const styles = StyleSheet.create({
   container: {
-    paddingHorizontal: 10,
-    paddingVertical: 10,
+    paddingLeft: 4,
+    paddingRight: 10,
+    paddingVertical: 14,
     flexDirection: 'row',
     alignItems: 'center',
     borderTopWidth: 1,
   },
-  noAviContainer: {
-    paddingVertical: 14,
+  containerReply: {
+    paddingHorizontal: 10,
   },
   avatar: {
     width: 50,