From b41c583c9a57ce5f995e7b6cbed63aae62a48233 Mon Sep 17 00:00:00 2001 From: emkartal1 Date: Thu, 30 Mar 2023 14:43:28 +0200 Subject: [PATCH] Create component for messaging :hammer: --- src/FLAD/components/User.tsx | 45 ++++++++++++++++++++++++++++++++++ src/FLAD/screens/Messaging.tsx | 3 +++ 2 files changed, 48 insertions(+) create mode 100644 src/FLAD/components/User.tsx create mode 100644 src/FLAD/screens/Messaging.tsx diff --git a/src/FLAD/components/User.tsx b/src/FLAD/components/User.tsx new file mode 100644 index 0000000..2a5faa6 --- /dev/null +++ b/src/FLAD/components/User.tsx @@ -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 ( + + + Emre KARTAL + + ) +} diff --git a/src/FLAD/screens/Messaging.tsx b/src/FLAD/screens/Messaging.tsx new file mode 100644 index 0000000..566b5dd --- /dev/null +++ b/src/FLAD/screens/Messaging.tsx @@ -0,0 +1,3 @@ +export default function Messaging() { + +} \ No newline at end of file