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
Show whitespace changes
Inline Side-by-side
Showing with 10 additions and 1 deletion
src/pages/profile.js
View file @ 66d1236f
...@@ -8,6 +8,7 @@ import { ...@@ -8,6 +8,7 @@ import {
} from "@mui/material"; } from "@mui/material";
import React, { useContext } from "react"; import React, { useContext } from "react";
import { UserContext } from "./_app"; import { UserContext } from "./_app";
import Head from "next/head";
export default function Profile() { export default function Profile() {
const user = useContext(UserContext); const user = useContext(UserContext);
...@@ -17,13 +18,20 @@ export default function Profile() { ...@@ -17,13 +18,20 @@ export default function Profile() {
return ( return (
<> <>
{user.value?.token ? ( {user.value?.token ? (
<>
<Head>
<title>{`${user.value.name} | OpenShop`}</title>
</Head>
<Box> <Box>
<Paper sx={{ p: 3, boxShadow: "none" }}> <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="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"> <div className="mx-auto">
<img <img
className="inline-block w-[200px] h-[200px] sm:w-[300px] sm:h-[300px] rounded-lg object-cover" 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"} src={
user.value.photo.length ? user.value.photo : "empty.jpg"
}
alt="" alt=""
/> />
</div> </div>
...@@ -60,6 +68,7 @@ export default function Profile() { ...@@ -60,6 +68,7 @@ export default function Profile() {
</div> </div>
</Paper> </Paper>
</Box> </Box>
</>
) : ( ) : (
<Box> <Box>
<Paper sx={{ p: 3, textAlign: "center" }}> <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