This commit is contained in:
Milan Paunovic
2024-10-21 10:03:30 +02:00
parent a7af6765a8
commit 6ff324f988

View File

@ -1,7 +1,6 @@
import { View, Text } from "react-native-ui-lib";
import {Image, Text, View} from "react-native-ui-lib";
import React from "react";
import { useAuthContext } from "@/contexts/AuthContext";
import { ImageBackground } from "react-native";
import {useAuthContext} from "@/contexts/AuthContext";
const HeaderTemplate = (props: {
message: string;
@ -9,13 +8,13 @@ const HeaderTemplate = (props: {
children?: React.ReactNode;
link?: React.ReactNode;
}) => {
const { user, profileData } = useAuthContext();
const {user, profileData} = useAuthContext();
const headerHeight:number = 72;
const headerHeight: number = 72;
return (
<View row centerV marginV-15>
<ImageBackground
source={require("../../assets/images/profile-picture.png")}
<Image
source={{uri: profileData?.pfp}}
style={{
height: headerHeight,
aspectRatio: 1,
@ -26,9 +25,12 @@ const HeaderTemplate = (props: {
/>
<View gap-3>
{props.isWelcome && (
<Text text70L style={{fontSize: 19, fontFamily: "Manrope_400Regular"}}>Welcome, {profileData?.firstName}!</Text>
<Text text70L style={{
fontSize: 19,
fontFamily: "Manrope_400Regular"
}}>Welcome, {profileData?.firstName}!</Text>
)}
<Text text70B style={{ fontSize: 18 , fontFamily: "Manrope_600SemiBold" }}>
<Text text70B style={{fontSize: 18, fontFamily: "Manrope_600SemiBold"}}>
{props.message}
</Text>
{props.children && <View>{props.children}</View>}