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