diff --git a/app/booking/[slug]/page.js b/app/booking/[slug]/page.js
index 4d8098d..5c2b81e 100644
--- a/app/booking/[slug]/page.js
+++ b/app/booking/[slug]/page.js
@@ -7,12 +7,12 @@ import doctors from '@/data/doctors.json';
import Date from '@/components/booking/date';
import BookingPage from '@/components/booking';
import RegisterPage from '@/components/register';
-import SetCodePage from '@/components/register/SetCodePage';
import Paying from '@/components/booking/paying';
+import Detail from '@/components/booking/detail';
+import FailedPay from '@/components/booking/failedPay';
import LogInPage from '@/components/register/LogInPage';
import SuccessPay from '@/components/booking/successPay';
-import FailedPay from '@/components/booking/failedPay';
-import Detail from '@/components/booking/detail';
+import SetCodePage from '@/components/register/SetCodePage';
function Booking({ params: { slug } }) {
diff --git a/app/component/CustomTable.js b/app/component/CustomTable.js
new file mode 100644
index 0000000..35c2d8e
--- /dev/null
+++ b/app/component/CustomTable.js
@@ -0,0 +1,32 @@
+import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from '@mui/material'
+
+function CustomTable({ tableHead, centerTable, children }) {
+ return (
+
+
+
+
+ {tableHead.map((item, idx) => (
+ i === idx) ? '!text-center' : '!text-start'}
+ `}
+ >
+ {item}
+
+ ))}
+
+
+
+ {children}
+
+
+
+ )
+}
+
+export default CustomTable
\ No newline at end of file
diff --git a/components/booking/detail/EditField.js b/app/component/EditField.js
similarity index 83%
rename from components/booking/detail/EditField.js
rename to app/component/EditField.js
index 2f55cdd..8bbf39f 100644
--- a/components/booking/detail/EditField.js
+++ b/app/component/EditField.js
@@ -1,7 +1,8 @@
+import EditGrayA from "@/components/icons/EditGrayA"
import EditOrangeA from "@/components/icons/EditOrangeA"
import { Button, TextField } from "@mui/material"
-function EditField({ changeData, data, name }) {
+function EditField({ changeData, data, name, iconGray }) {
return (
-
+ {iconGray ? (
+
+ ) : (
+
+ )}
)
diff --git a/app/component/Tabs.js b/app/component/Tabs.js
index 55ea2b2..68a0f68 100644
--- a/app/component/Tabs.js
+++ b/app/component/Tabs.js
@@ -7,7 +7,7 @@ function a11yProps(index) {
};
};
-function Tabs({ value, handleChange, listTab, isSm }) {
+function Tabs({ value, handleChange, listTab, isSm, style }) {
return (
{listTab.map((item, idx) => (
diff --git a/app/component/date/dateTime/index.js b/app/component/date/dateTime/index.js
index 7b1c749..f5f825e 100644
--- a/app/component/date/dateTime/index.js
+++ b/app/component/date/dateTime/index.js
@@ -20,6 +20,23 @@ function DateTime({ doctor, setStep, setIsError, locateVisit }) {
-
-
- )
-}
-
-export default Dashboard
\ No newline at end of file
diff --git a/app/dashboard/user-account/page.js b/app/dashboard/user-account/page.js
new file mode 100644
index 0000000..2d88ffd
--- /dev/null
+++ b/app/dashboard/user-account/page.js
@@ -0,0 +1,13 @@
+import userData from '@/data/userData.json';
+import DashboardPage from "@/components/dashboard";
+import UserAccountPage from "@/components/dashboard/userAccount/UserAccount";
+
+function UserAccount() {
+ return (
+
+
+
+ )
+}
+
+export default UserAccount
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index b752ab5..e3bea30 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -171,6 +171,10 @@ html {
background: url(../public/assets/images/banner-about.png);
}
+.bg-head-dashboard {
+ background: url(../public/assets/images/bg-head-dashboard.png);
+}
+
.bg-banner-home::after,
.bg-banner-stroke::after {
content: "";
diff --git a/components/booking/detail/Form.js b/components/booking/detail/Form.js
index 4353f12..1827237 100644
--- a/components/booking/detail/Form.js
+++ b/components/booking/detail/Form.js
@@ -1,5 +1,5 @@
import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
-import EditField from "./EditField";
+import EditField from "../../../app/component/EditField";
import Content from "./Content";
const bime = [
diff --git a/components/booking/successPay/index.js b/components/booking/successPay/index.js
index 8967e9e..e0f03a8 100644
--- a/components/booking/successPay/index.js
+++ b/components/booking/successPay/index.js
@@ -28,7 +28,7 @@ function SuccessPay({ setStep }) {
-
+