Commit d3d5cc44 authored by Nawasan Wisitsingkhon's avatar Nawasan Wisitsingkhon

add order menu in navbar;

add order button on cart page;
parent fd257f5f
...@@ -20,6 +20,8 @@ import { Favorite } from "@mui/icons-material"; ...@@ -20,6 +20,8 @@ import { Favorite } from "@mui/icons-material";
import { Logout, SupervisedUserCircle } from "@mui/icons-material"; import { Logout, SupervisedUserCircle } from "@mui/icons-material";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { Cottage } from "@mui/icons-material"; import { Cottage } from "@mui/icons-material";
import { Store } from "@mui/icons-material";
import { ShoppingBag } from "@mui/icons-material";
const Search = styled("div")(({ theme }) => ({ const Search = styled("div")(({ theme }) => ({
position: "relative", position: "relative",
...@@ -127,7 +129,7 @@ function Navbar(props) { ...@@ -127,7 +129,7 @@ function Navbar(props) {
color="inherit" color="inherit"
> >
<Badge color="error"> <Badge color="error">
<Cottage /> <Store />
</Badge> </Badge>
</IconButton> </IconButton>
), ),
...@@ -162,6 +164,21 @@ function Navbar(props) { ...@@ -162,6 +164,21 @@ function Navbar(props) {
</IconButton> </IconButton>
), ),
}, },
{
label: "คำสั่งซื้อ",
link: "/order",
element: (
<IconButton
size="large"
aria-label="show 4 new mails"
color="inherit"
>
<Badge badgeContent={2} color="error">
<ShoppingBag />
</Badge>
</IconButton>
),
},
{ {
label: user.value.name, label: user.value.name,
link: "/profile", link: "/profile",
......
...@@ -16,6 +16,7 @@ import { Delete } from "@mui/icons-material"; ...@@ -16,6 +16,7 @@ import { Delete } from "@mui/icons-material";
import { ShoppingCart } from "@mui/icons-material"; import { ShoppingCart } from "@mui/icons-material";
import PopupAlert from "@/components/PopupAlert"; import PopupAlert from "@/components/PopupAlert";
import Head from "next/head"; import Head from "next/head";
import { ShoppingBag } from "@mui/icons-material";
export default function Cart() { export default function Cart() {
const user = useContext(UserContext); const user = useContext(UserContext);
...@@ -75,6 +76,7 @@ export default function Cart() { ...@@ -75,6 +76,7 @@ export default function Cart() {
/> />
<Paper sx={{ p: 1, overflowX: "scroll" }}> <Paper sx={{ p: 1, overflowX: "scroll" }}>
{cart.value.length > 0 ? ( {cart.value.length > 0 ? (
<Box>
<Table> <Table>
<TableHead> <TableHead>
<TableRow> <TableRow>
...@@ -132,8 +134,18 @@ export default function Cart() { ...@@ -132,8 +134,18 @@ export default function Cart() {
)} )}
</TableBody> </TableBody>
</Table> </Table>
<Box sx={{ textAlign: "right", p: 1 }}>
<Button size="large">
<ShoppingBag /> สั่งซื้อ
</Button>
</Box>
</Box>
) : ( ) : (
<div className="text-center">{user.value?.token ? "รายการว่างเปล่า": "คุณยังไม่ได้เข้าสู่ระบบ"}</div> <div className="text-center">
{user.value?.token
? "รายการว่างเปล่า"
: "คุณยังไม่ได้เข้าสู่ระบบ"}
</div>
)} )}
</Paper> </Paper>
</Box> </Box>
......
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