commit e7ffff0c4feb1624cbafadbe3710140a339bd479 · gmstn.systems/gemstone-app

+9 -8
src/components/Chat/index.tsx
···

       12
       12
        
           TouchableOpacity,

     

       13
       13
        
           ScrollView,

     

       14
       14
        
           Image,

     

       15
       15
       +
           FlatList,

     

       15
       16
        
       } from "react-native";

     

       16
       17
        
       

     

       17
       18
        
       export const Chat = ({ channelAtUri }: { channelAtUri: AtUri }) => {

     
···

       86
       87
        
                       </Text>

     

       87
       88
        
                   </View>

     

       88
       89
        
       

     

       89
       89
       -
                   <ScrollView

     

       90
       90
       -
                       style={{

     

       91
       91
       -
                           flex: 1,

     

       90
       90
       +
                   <FlatList

     

       91
       91
       +
                       inverted

     

       92
       92
       +
                       data={messages}

     

       93
       93
       +
                       renderItem={({ item }) => <Message message={item} />}

     

       94
       94
       +
                       keyExtractor={(item, index) => index.toString()}

     

       95
       95
       +
                       contentContainerStyle={{

     

       92
       96
        
                           padding: 16,

     

       93
       97
        
                       }}

     

       94
       94
       -
                   >

     

       95
       95
       -
                       {messages.map((msg, index) => (

     

       96
       96
       -
                           <Message message={msg} key={index} />

     

       97
       97
       -
                       ))}

     

       98
       98
       -
                   </ScrollView>

     

       98
       98
       +
                       style={{ flex: 1 }}

     

       99
       99
       +
                   />

     

       99
       100
        
       

     

       100
       101
        
                   <View

     

       101
       102
        
                       style={{