You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.1 KiB
33 lines
1.1 KiB
import {Image, Text, TouchableOpacity, View} from "react-native";
|
|
import {Ionicons} from "@expo/vector-icons";
|
|
import React from "react";
|
|
|
|
export default function WelcomeComponent() {
|
|
const date = new Date();
|
|
const formattedDate = date.toLocaleDateString('fr-FR', {
|
|
year: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
});
|
|
|
|
return (
|
|
<View className="rounded-2xl overflow-hidden shadow-lg h-auto bg-black pb-4">
|
|
|
|
<View className="flex-row m-4 ">
|
|
<Ionicons name="calendar" size={24} color="white" />
|
|
<Text className="text-gray-400 text-2xl mb-2 ml-1">{formattedDate}</Text>
|
|
|
|
</View>
|
|
|
|
<View className="flex-row items-center justify-between m-2">
|
|
<View className="flex-row items-center">
|
|
<Image className="h-20 w-24 rounded-2xl"
|
|
source={require("assets/images/sigma-profile.jpeg")}
|
|
/>
|
|
<Text className="text-white text-4xl font-extrabold ml-2 ">Hello, Tata Yoyo!</Text>
|
|
</View>
|
|
</View>
|
|
|
|
</View>
|
|
);
|
|
} |