Skip to content

F
final-exam
Commit 66d1236f authored by Nawasan Wisitsingkhon's avatar Nawasan Wisitsingkhon
Browse files
Options

show name in title in profile page

parent 81075e21
Hide whitespace changes
Inline Side-by-side
Showing with 51 additions and 42 deletions
src/pages/profile.js
View file @ 66d1236f
......@@ -8,6 +8,7 @@ import {
} from "@mui/material";
import React, { useContext } from "react";
import { UserContext } from "./_app";
import Head from "next/head";
export default function Profile() {
const user = useContext(UserContext);
......@@ -17,49 +18,57 @@ export default function Profile() {
return (
<>
{user.value?.token ? (
<Box>
<Paper sx={{ p: 3, boxShadow: "none" }}>
<div className="gap-10 mx-auto text-left grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 max-w-[1520px]">
<div className="mx-auto">
<img
className="inline-block w-[200px] h-[200px] sm:w-[300px] sm:h-[300px] rounded-lg object-cover"
src={user.value.photo.length ? user.value.photo : "empty.jpg"}
alt=""
/>
</div>
<div className="lg:col-span-2 p-3 text-lg overflow-x-scroll">
<Table>
<TableBody>
<TableRow>
<TableCell sx={{ maxWidth }}>ชื่อ</TableCell>
<TableCell>{user.value.name}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>อีเมล</TableCell>
<TableCell>{user.value.email}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>username</TableCell>
<TableCell>@{user.value.username}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>เบอร์โทร</TableCell>
<TableCell>{user.value.phone}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>ที่อยู่</TableCell>
<TableCell>
{!!user.value.address
? user.value.address
: "ยังไม่ระบุ"}
</TableCell>
</TableRow>
</TableBody>
</Table>
<>
<Head>
<title>{`${user.value.name} | OpenShop`}</title>
</Head>
<Box>
<Paper sx={{ p: 3, boxShadow: "none" }}>
<div className="gap-10 mx-auto text-left grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 max-w-[1520px]">
<div className="mx-auto">
<img
className="inline-block w-[200px] h-[200px] sm:w-[300px] sm:h-[300px] rounded-lg object-cover"
src={
user.value.photo.length ? user.value.photo : "empty.jpg"
}
alt=""
/>
</div>
<div className="lg:col-span-2 p-3 text-lg overflow-x-scroll">
<Table>
<TableBody>
<TableRow>
<TableCell sx={{ maxWidth }}>ชื่อ</TableCell>
<TableCell>{user.value.name}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>อีเมล</TableCell>
<TableCell>{user.value.email}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>username</TableCell>
<TableCell>@{user.value.username}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>เบอร์โทร</TableCell>
<TableCell>{user.value.phone}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ maxWidth }}>ที่อยู่</TableCell>
<TableCell>
{!!user.value.address
? user.value.address
: "ยังไม่ระบุ"}
</TableCell>
</TableRow>
</TableBody>
</Table>
</div>
</div>
</div>
</Paper>
</Box>
</Paper>
</Box>
</>
) : (
<Box>
<Paper sx={{ p: 3, textAlign: "center" }}>
......
Markdown is supported
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