112 lines
2.7 KiB
JavaScript
112 lines
2.7 KiB
JavaScript
import {
|
|
Button,
|
|
Paper,
|
|
Table,
|
|
TableBody,
|
|
TableCell,
|
|
TableContainer,
|
|
TableHead,
|
|
TableRow,
|
|
Typography,
|
|
} from "@mui/material";
|
|
import React from "react";
|
|
import { Link } from "react-router-dom";
|
|
|
|
export default function EmailCms() {
|
|
const pages = [
|
|
{
|
|
name: "New user registration",
|
|
action: "Edit",
|
|
path: "/email-cms/registration-email",
|
|
},
|
|
{
|
|
name: "Forgot Password",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
{
|
|
name: "Change Password Notification ",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
{
|
|
name: "New Order",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
{
|
|
name: "Order - Processing",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
{
|
|
name: "Order - Dispatched",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
{
|
|
name: "Order - Delivered",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
{
|
|
name: "Order - Cancelled",
|
|
action: "Edit",
|
|
path: "#",
|
|
},
|
|
];
|
|
|
|
return (
|
|
<div className="main-content">
|
|
<Typography variant="h6" fontWeight={"bold"}>
|
|
Email CMS
|
|
</Typography>
|
|
<TableContainer component={Paper}>
|
|
<Table sx={{ minWidth: 650 }} aria-label="simple table">
|
|
<TableHead>
|
|
<TableRow>
|
|
<TableCell style={{ fontWeight: "bold" }}>Page</TableCell>
|
|
<TableCell style={{ fontWeight: "bold" }} align="right">
|
|
Action
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableHead>
|
|
<TableBody>
|
|
{pages.map((row) => (
|
|
<TableRow
|
|
key={row.name}
|
|
sx={{ "&:last-child td, &:last-child th": { border: 0 } }}
|
|
>
|
|
<TableCell component="th" scope="row">
|
|
{row.name}
|
|
</TableCell>
|
|
<TableCell align="right">
|
|
{" "}
|
|
<Link to={row.path}>
|
|
<button
|
|
style={{
|
|
color: "white",
|
|
marginRight: "1rem",
|
|
}}
|
|
type="button"
|
|
className="
|
|
btn btn-info btn-sm
|
|
waves-effect waves-light
|
|
btn-table
|
|
mt-1
|
|
mx-1
|
|
"
|
|
>
|
|
{row.action}
|
|
</button>
|
|
</Link>
|
|
</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
</TableContainer>
|
|
</div>
|
|
);
|
|
}
|