Create component for messaging 🔨
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
1cf86b315f
commit
b41c583c9a
@ -0,0 +1,45 @@
|
||||
import React from 'react';
|
||||
import { StyleSheet, Text, View, Image } from 'react-native';
|
||||
import { useSelector } from 'react-redux';
|
||||
import { GraphicalCharterDark } from '../assets/GraphicalCharterDark';
|
||||
import { GraphicalCharterLight } from '../assets/GraphicalCharterLight';
|
||||
import normalize from './Normalize';
|
||||
|
||||
type UserProps = {
|
||||
image: string;
|
||||
name: string;
|
||||
lastMessage: string;
|
||||
}
|
||||
|
||||
|
||||
export default function User() {
|
||||
const isDark = useSelector(state => state.userReducer.dark);
|
||||
|
||||
const style = isDark ? GraphicalCharterDark : GraphicalCharterLight;
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
paddingVertical: 9,
|
||||
},
|
||||
image: {
|
||||
marginLeft: 15,
|
||||
marginRight: 7,
|
||||
width: 50,
|
||||
height: 50
|
||||
},
|
||||
name: {
|
||||
fontWeight: 'bold',
|
||||
color: style.Text,
|
||||
fontSize: normalize(22)
|
||||
}
|
||||
})
|
||||
|
||||
return (
|
||||
<View style={styles.container}>
|
||||
<Image style={styles.image} source={require("../assets/RedFlady.png")} />
|
||||
<Text style={styles.name} >Emre KARTAL</Text>
|
||||
</View>
|
||||
)
|
||||
}
|
@ -0,0 +1,3 @@
|
||||
export default function Messaging() {
|
||||
|
||||
}
|
Loading…
Reference in new issue