Fakultas Ilmu Komputer UI

Commit 27ea76a8 authored by jahnsmichael's avatar jahnsmichael
Browse files

[CHORES] ProfilePage display current logged user account's profile

parent 7acd7579
import { Box, Text } from "components";
import React from "react";
import { Box, Text, Header, Gap } from "components";
import { AppContext } from 'contexts';
import styled from 'styled-components/native';
import React, { useContext } from "react";
const ProfilePage = () => {
const global = useContext(AppContext);
return (
<Box>
<Text>ProfilePage</Text>
</Box>
<>
<Header
isHome={false}
headerText={`Profile ${global.user.name.split(" ")[0]}`} />
<Container>
<Text type={Text.StyleType.Large} isBold={true}>Username</Text>
<Text>{global.user.username}</Text>
<Gap axis={Gap.Axis.Vertical} gap={12}></Gap>
<Text type={Text.StyleType.Large} isBold={true}>Nama Lengkap</Text>
<Text>{global.user.name}</Text>
<Gap axis={Gap.Axis.Vertical} gap={12}></Gap>
<Text type={Text.StyleType.Large} isBold={true}>Email</Text>
<Text>{global.user.email}</Text>
<Gap axis={Gap.Axis.Vertical} gap={12}></Gap>
<Text type={Text.StyleType.Large} isBold={true}>Nomor Handphone</Text>
<Text>{global.user.phone_number}</Text>
<Gap axis={Gap.Axis.Vertical} gap={12}></Gap>
<Text type={Text.StyleType.Large} isBold={true}>Kecamatan</Text>
<Text>{global.user.district}</Text>
<Gap axis={Gap.Axis.Vertical} gap={12}></Gap>
<Text type={Text.StyleType.Large} isBold={true}>Kelurahan</Text>
<Text>{global.user.sub_district}</Text>
</Container>
</>
)
}
const Container = styled.View`
width: 100%;
padding: 0 32px;
justify-content: flex-end;
`;
export default ProfilePage;
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment