parent
b71a232839
commit
4ddbcfb18b
@ -1,44 +0,0 @@
|
||||
import { FC, ReactNode } from "react"
|
||||
import { Pressable, Image, ImageStyle, Text, View, Alert, ImageSourcePropType, TextStyle } from "react-native"
|
||||
import React from "react"
|
||||
import { Skin } from "../core/skin"
|
||||
import { Conversation } from "../core/conversation"
|
||||
|
||||
/*
|
||||
Importing the correct stylesheet
|
||||
*/
|
||||
import styles from "./style/ConverstationComponent.style"
|
||||
import { SkinComponent } from "./Skin"
|
||||
|
||||
export const ConversationComponent :
|
||||
/* Parameters :
|
||||
* skin : Skin to be displayed
|
||||
* state : Indicates from wich screen the component has been called
|
||||
*/
|
||||
FC<{conv: Conversation, state: String, navigation: any}> =
|
||||
({conv, state, navigation}) =>
|
||||
{
|
||||
/* The display of this component depends of the screen from where it has been called:
|
||||
* From the TopBar (icon) : Small image in a circle
|
||||
* From the shop (shop) : Image + Name + Price, Pressable => Buy the skin
|
||||
* From the profile (profile) : Name + Image, Pressable => Change the skin
|
||||
*/
|
||||
|
||||
|
||||
switch (state) {
|
||||
case 'Preview':
|
||||
return(
|
||||
<View style={{flexDirection: 'row', height: 70, borderBottomWidth: 2,borderBottomColor: '#2D2C33', paddingLeft: '5%',}}>
|
||||
<View style={{alignSelf: 'center'}}>
|
||||
<SkinComponent skin={conv.getLastMessage().getMessageSender().getCurrentSkin()} state='icon' nav={navigation}/>
|
||||
</View>
|
||||
<View style={{marginLeft: '5%', justifyContent: 'space-evenly'}}>
|
||||
<Text style={styles.textNom}>{conv.getLastMessage().getMessageSender().getUsername()}</Text>
|
||||
<Text style={styles.textMess}>{conv.getLastMessage().getMessageContent()}</Text>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
@ -1,15 +0,0 @@
|
||||
import { StyleSheet } from "react-native";
|
||||
|
||||
export default StyleSheet.create({
|
||||
textNom: {
|
||||
fontSize: 20,
|
||||
fontWeight: 'bold',
|
||||
letterSpacing: 0.25,
|
||||
color: 'white',
|
||||
},
|
||||
textMess: {
|
||||
fontSize: 15,
|
||||
letterSpacing: 0.25,
|
||||
color: '#D9D9D9',
|
||||
}
|
||||
});
|
Loading…
Reference in new issue