-
-
-
-
เกี่ยวกับเรา
-
เข้าสู่ระบบ
+
+ {/* Navbar */}
+
+
+
+ {/* Logo and App Name */}
+
+ Hospital Management
+
+
+
+ {/* Navigation Links */}
+
+
+
+ {/* Adjusted Login Button to match Hero.jsx */}
+
+
-
- {/* Footer */}
-
-
-
- )
+
+
+ {/* Main Content */}
+
+
+
+ {/* Footer */}
+
+
+ );
}
\ No newline at end of file
diff --git a/src/main.jsx b/src/main.jsx
index 9f6071d..e490e91 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,11 +1,33 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.jsx'
+// src/main.jsx
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.jsx';
+import './index.css';
import './styles.css'
-createRoot(document.getElementById('root')).render(
-
- ,
-)
+// Import BrowserRouter มาครอบ App Component
+import { BrowserRouter } from 'react-router-dom';
+
+// Import Redux Toolkit และ TanStack Query Provider
+import { Provider } from 'react-redux';
+import { store } from './app/store.js';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+// สร้าง Query Client
+const queryClient = new QueryClient();
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+
+ {/*
+ ควรอยู่ระดับบนสุดของ Component Tree
+ เพื่อให้ทุก Component ที่อยู่ข้างในใช้งานได้
+ */}
+
+
+
+
+
+
+
+);
\ No newline at end of file
diff --git a/src/pages/ConsultationsPage.jsx b/src/pages/ConsultationsPage.jsx
new file mode 100644
index 0000000..9246bcc
--- /dev/null
+++ b/src/pages/ConsultationsPage.jsx
@@ -0,0 +1,176 @@
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useForm } from 'react-hook-form';
+import api from '../api/axios';
+import { FaPlus, FaTrash } from 'react-icons/fa';
+
+// ฟังก์ชันสำหรับดึงข้อมูลที่เกี่ยวข้อง
+const fetchConsultations = async () => {
+ const { data } = await api.get('/consultations');
+ return data;
+};
+
+const fetchDoctors = async () => {
+ const { data } = await api.get('/doctors');
+ return data;
+};
+
+const fetchPatients = async () => {
+ const { data } = await api.get('/patients');
+ return data;
+};
+
+// ฟังก์ชันสำหรับสร้างนัดหมายใหม่
+const createConsultation = async (newConsultation) => {
+ const { data } = await api.post('/consultations', newConsultation);
+ return data;
+};
+
+// ฟังก์ชันสำหรับยกเลิกนัดหมาย
+const deleteConsultation = async (id) => {
+ await api.delete(`/consultations/${id}`);
+};
+
+export default function ConsultationsPage() {
+ const queryClient = useQueryClient();
+ const [isModalOpen, setIsModalOpen] = useState(false);
+
+ // ดึงข้อมูลการนัดหมายทั้งหมด
+ const { data: consultations, isLoading, isError, error } = useQuery({
+ queryKey: ['consultations'],
+ queryFn: fetchConsultations,
+ });
+
+ // ดึงข้อมูลแพทย์และผู้ป่วยสำหรับ dropdown ในฟอร์ม
+ const { data: doctors } = useQuery({ queryKey: ['doctors'], queryFn: fetchDoctors });
+ const { data: patients } = useQuery({ queryKey: ['patients'], queryFn: fetchPatients });
+
+ const { register, handleSubmit, reset } = useForm();
+
+ const createConsultationMutation = useMutation({
+ mutationFn: createConsultation,
+ onSuccess: () => {
+ queryClient.invalidateQueries(['consultations']);
+ reset();
+ setIsModalOpen(false);
+ },
+ });
+
+ const deleteConsultationMutation = useMutation({
+ mutationFn: deleteConsultation,
+ onSuccess: () => {
+ queryClient.invalidateQueries(['consultations']);
+ },
+ });
+
+ const onSubmit = (data) => {
+ // จัดการข้อมูลให้ตรงกับ API Endpoint
+ const consultationData = {
+ ...data,
+ doctorId: parseInt(data.doctorId),
+ patientId: parseInt(data.patientId),
+ };
+ createConsultationMutation.mutate(consultationData);
+ };
+
+ const handleDelete = (id) => {
+ if (window.confirm('คุณต้องการยกเลิกนัดหมายนี้หรือไม่?')) {
+ deleteConsultationMutation.mutate(id);
+ }
+ };
+
+ if (isLoading) return
กำลังโหลดข้อมูล...
;
+ if (isError) return
เกิดข้อผิดพลาด: {error.message}
;
+
+ return (
+
+
จัดการนัดหมาย
+
+ setIsModalOpen(true)}
+ >
+
+
+
+
+
+
+
+ แพทย์
+ ผู้ป่วย
+ วันที่
+ เวลา
+ การดำเนินการ
+
+
+
+ {consultations.map((consultation) => (
+
+ {consultation.doctor.name}
+ {consultation.patient.name}
+ {consultation.date}
+ {consultation.time}
+
+ handleDelete(consultation.id)}
+ disabled={deleteConsultationMutation.isLoading}
+ >
+ {deleteConsultationMutation.isLoading ? 'กำลังลบ...' :
+
+
+ ))}
+
+
+
+
+ {isModalOpen && (
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/DashboardPage.jsx b/src/pages/DashboardPage.jsx
new file mode 100644
index 0000000..9b61592
--- /dev/null
+++ b/src/pages/DashboardPage.jsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import { useQuery } from '@tanstack/react-query';
+import api from '../api/axios';
+import { FaUserMd, FaUsers, FaCalendarAlt } from 'react-icons/fa';
+
+// ฟังก์ชันสำหรับเรียก API แต่ละตัว
+const fetchDoctorsCount = async () => {
+ const { data } = await api.get('/doctors');
+ return data.length; // นับจำนวนแพทย์
+};
+
+const fetchPatientsCount = async () => {
+ const { data } = await api.get('/patients');
+ return data.length; // นับจำนวนผู้ป่วย
+};
+
+const fetchConsultations = async () => {
+ const { data } = await api.get('/consultations');
+ // คุณอาจต้องกรองข้อมูลเพื่อหาจำนวนนัดหมายที่กำลังจะมาถึง
+ // เช่น data.filter(c => new Date(c.date) > new Date()).length
+ return data.length; // นับจำนวนการนัดหมายทั้งหมด
+};
+
+export default function DashboardPage() {
+ // ใช้ useQuery แยกกันสำหรับแต่ละข้อมูล
+ const { data: doctorsCount, isLoading: isDoctorsLoading, isError: isDoctorsError } = useQuery({
+ queryKey: ['doctorsCount'],
+ queryFn: fetchDoctorsCount,
+ });
+
+ const { data: patientsCount, isLoading: isPatientsLoading, isError: isPatientsError } = useQuery({
+ queryKey: ['patientsCount'],
+ queryFn: fetchPatientsCount,
+ });
+
+ const { data: consultationsCount, isLoading: isConsultationsLoading, isError: isConsultationsError } = useQuery({
+ queryKey: ['consultationsCount'],
+ queryFn: fetchConsultations,
+ });
+
+ if (isDoctorsLoading || isPatientsLoading || isConsultationsLoading) {
+ return
กำลังโหลดข้อมูล...
;
+ }
+
+ if (isDoctorsError || isPatientsError || isConsultationsError) {
+ return
เกิดข้อผิดพลาดในการโหลดข้อมูล
;
+ }
+
+ return (
+
+
ภาพรวมระบบ
+
+ {/* Card แสดงจำนวนแพทย์ */}
+
+
+
+
+
จำนวนแพทย์
+
{doctorsCount}
+
+
+
+ {/* Card แสดงจำนวนผู้ป่วย */}
+
+
+
+
+
จำนวนผู้ป่วย
+
{patientsCount}
+
+
+
+ {/* Card แสดงจำนวนนัดหมาย */}
+
+
+
+
+
จำนวนนัดหมาย
+
{consultationsCount}
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/DoctorsPage.jsx b/src/pages/DoctorsPage.jsx
new file mode 100644
index 0000000..0bdb60c
--- /dev/null
+++ b/src/pages/DoctorsPage.jsx
@@ -0,0 +1,162 @@
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useForm } from 'react-hook-form';
+import api from '../api/axios'; // Import Axios instance ที่มี JWT Interceptor
+import { FaPlus, FaTrash } from 'react-icons/fa';
+
+// ฟังก์ชันสำหรับเรียก API (Read)
+const fetchDoctors = async () => {
+ const { data } = await api.get('/doctors');
+ return data;
+};
+
+// ฟังก์ชันสำหรับเพิ่มแพทย์ใหม่ (Create)
+const addDoctor = async (newDoctor) => {
+ const { data } = await api.post('/doctors', newDoctor);
+ return data;
+};
+
+// ฟังก์ชันสำหรับลบแพทย์ (Delete)
+const deleteDoctor = async (id) => {
+ await api.delete(`/doctors/${id}`);
+};
+
+export default function DoctorsPage() {
+ const queryClient = useQueryClient();
+ const [isModalOpen, setIsModalOpen] = useState(false);
+
+ // 1. ดึงข้อมูลแพทย์จาก API (Read)
+ const { data: doctors, isLoading, isError, error } = useQuery({
+ queryKey: ['doctors'],
+ queryFn: fetchDoctors,
+ });
+
+ // 2. จัดการฟอร์มสำหรับเพิ่มแพทย์ (Create)
+ const { register, handleSubmit, reset, formState: { errors } } = useForm();
+
+ // 3. จัดการการเพิ่มข้อมูล (Mutation)
+ const addDoctorMutation = useMutation({
+ mutationFn: addDoctor,
+ onSuccess: () => {
+ // เมื่อเพิ่มสำเร็จ ให้ Invalidate cache เพื่อให้ React Query ดึงข้อมูลใหม่
+ queryClient.invalidateQueries(['doctors']);
+ reset();
+ setIsModalOpen(false);
+ },
+ });
+
+ // 4. จัดการการลบข้อมูล (Mutation)
+ const deleteDoctorMutation = useMutation({
+ mutationFn: deleteDoctor,
+ onSuccess: () => {
+ // เมื่อลบสำเร็จ ให้ Invalidate cache เพื่อให้ React Query ดึงข้อมูลใหม่
+ queryClient.invalidateQueries(['doctors']);
+ },
+ });
+
+ const onSubmit = (data) => {
+ addDoctorMutation.mutate(data);
+ };
+
+ const handleDelete = (id) => {
+ if (window.confirm('คุณต้องการลบแพทย์คนนี้หรือไม่?')) {
+ deleteDoctorMutation.mutate(id);
+ }
+ };
+
+ if (isLoading) return
กำลังโหลดข้อมูล...
;
+ if (isError) return
เกิดข้อผิดพลาด: {error.message}
;
+
+ return (
+
+
จัดการข้อมูลแพทย์
+
+ {/* ปุ่มสำหรับเปิด Modal เพิ่มแพทย์ */}
+
+ setIsModalOpen(true)}
+ >
+
+
+
+ {/* ตารางแสดงข้อมูลแพทย์ */}
+
+
+
+
+ ชื่อ
+ อีเมล
+ CRM
+ สาขา
+ เบอร์โทรศัพท์
+ การดำเนินการ
+
+
+
+ {doctors.map((doctor) => (
+
+ {doctor.name}
+ {doctor.email}
+ {doctor.crm}
+ {doctor.specialty}
+ {doctor.telephone}
+
+ handleDelete(doctor.id)}
+ disabled={deleteDoctorMutation.isLoading}
+ >
+ {deleteDoctorMutation.isLoading ? 'กำลังลบ...' :
+
+
+ ))}
+
+
+
+
+ {/* Modal สำหรับเพิ่มแพทย์ */}
+ {isModalOpen && (
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
new file mode 100644
index 0000000..6404833
--- /dev/null
+++ b/src/pages/HomePage.jsx
@@ -0,0 +1,58 @@
+// src/pages/HomePage.jsx
+import React from 'react';
+import Hero from '../components/Hero';
+import Feature from '../components/Feature';
+import About from '../components/About';
+import CTA from '../components/CTA';
+
+export default function HomePage() {
+ return (
+
+
+
+
+
+
+ คุณสมบัติเด่นของระบบ
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/LoginPage.jsx b/src/pages/LoginPage.jsx
new file mode 100644
index 0000000..a545b61
--- /dev/null
+++ b/src/pages/LoginPage.jsx
@@ -0,0 +1,96 @@
+// src/pages/LoginPage.jsx
+import { useForm } from 'react-hook-form';
+import { useDispatch, useSelector } from 'react-redux';
+import { loginUser } from '../features/auth/authSlice';
+import { Link } from 'react-router-dom';
+
+export default function LoginPage() {
+ const dispatch = useDispatch();
+ const { loading } = useSelector((state) => state.auth);
+
+ const {
+ register,
+ handleSubmit,
+ formState: { errors },
+ setError
+ } = useForm();
+
+ const onSubmit = async (data) => {
+ try {
+ await dispatch(loginUser(data)).unwrap();
+ } catch (err) {
+ setError('root.loginFailed', {
+ type: 'manual',
+ message: 'ชื่อผู้ใช้หรือรหัสผ่านไม่ถูกต้อง',
+ });
+ }
+ };
+
+ return (
+
+
+ เข้าสู่ระบบ
+
+
+
+ {/* ลิงก์สำหรับเปลี่ยนหน้า */}
+
+ ยังไม่มีบัญชี?{' '}
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/PatientsPage.jsx b/src/pages/PatientsPage.jsx
new file mode 100644
index 0000000..859f2ff
--- /dev/null
+++ b/src/pages/PatientsPage.jsx
@@ -0,0 +1,143 @@
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useForm } from 'react-hook-form';
+import api from '../api/axios';
+import { FaPlus, FaTrash } from 'react-icons/fa';
+
+// ฟังก์ชันสำหรับเรียก API (Read)
+const fetchPatients = async () => {
+ const { data } = await api.get('/patients');
+ return data;
+};
+
+// ฟังก์ชันสำหรับเพิ่มผู้ป่วยใหม่ (Create)
+const addPatient = async (newPatient) => {
+ const { data } = await api.post('/patients', newPatient);
+ return data;
+};
+
+// ฟังก์ชันสำหรับลบผู้ป่วย (Delete)
+const deletePatient = async (id) => {
+ await api.delete(`/patients/${id}`);
+};
+
+export default function PatientsPage() {
+ const queryClient = useQueryClient();
+ const [isModalOpen, setIsModalOpen] = useState(false);
+
+ // 1. ดึงข้อมูลผู้ป่วยจาก API (Read)
+ const { data: patients, isLoading, isError, error } = useQuery({
+ queryKey: ['patients'],
+ queryFn: fetchPatients,
+ });
+
+ // 2. จัดการฟอร์มสำหรับเพิ่มผู้ป่วย (Create)
+ const { register, handleSubmit, reset, formState: { errors } } = useForm();
+
+ // 3. จัดการการเพิ่มข้อมูล (Mutation)
+ const addPatientMutation = useMutation({
+ mutationFn: addPatient,
+ onSuccess: () => {
+ queryClient.invalidateQueries(['patients']);
+ reset();
+ setIsModalOpen(false);
+ },
+ });
+
+ // 4. จัดการการลบข้อมูล (Mutation)
+ const deletePatientMutation = useMutation({
+ mutationFn: deletePatient,
+ onSuccess: () => {
+ queryClient.invalidateQueries(['patients']);
+ },
+ });
+
+ const onSubmit = (data) => {
+ addPatientMutation.mutate(data);
+ };
+
+ const handleDelete = (id) => {
+ if (window.confirm('คุณต้องการลบผู้ป่วยคนนี้หรือไม่?')) {
+ deletePatientMutation.mutate(id);
+ }
+ };
+
+ if (isLoading) return
กำลังโหลดข้อมูล...
;
+ if (isError) return
เกิดข้อผิดพลาด: {error.message}
;
+
+ return (
+
+
จัดการข้อมูลผู้ป่วย
+
+ setIsModalOpen(true)}
+ >
+
+
+
+
+
+
+
+ ชื่อ
+ อีเมล
+ วันเกิด
+ การดำเนินการ
+
+
+
+ {patients.map((patient) => (
+
+ {patient.name}
+ {patient.email}
+ {patient.birthday}
+
+ handleDelete(patient.id)}
+ disabled={deletePatientMutation.isLoading}
+ >
+ {deletePatientMutation.isLoading ? 'กำลังลบ...' :
+
+
+ ))}
+
+
+
+
+ {isModalOpen && (
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/RegisterPage.jsx b/src/pages/RegisterPage.jsx
new file mode 100644
index 0000000..65db072
--- /dev/null
+++ b/src/pages/RegisterPage.jsx
@@ -0,0 +1,116 @@
+import React from 'react';
+import { useForm } from 'react-hook-form';
+import { useMutation } from '@tanstack/react-query';
+import { useNavigate, Link } from 'react-router-dom';
+import api from '../api/axios';
+
+// ฟังก์ชันสำหรับเรียก API ลงทะเบียน
+const registerUser = async (userData) => {
+ // API ส่วนใหญ่จะต้องการแค่ username และ password
+ // ดังนั้นเราจะลบ confirmPassword ออกก่อนส่งไป
+ const { confirmPassword, ...dataToSend } = userData;
+ const { data } = await api.post('/auth/register', dataToSend);
+ return data;
+};
+
+export default function RegisterPage() {
+ const navigate = useNavigate();
+ const {
+ register,
+ handleSubmit,
+ formState: { errors },
+ watch
+ } = useForm();
+
+ // watch() ใช้เพื่อดูค่าของฟิลด์ password แบบ real-time
+ const password = watch("password", "");
+
+ const registerMutation = useMutation({
+ mutationFn: registerUser,
+ onSuccess: () => {
+ console.log("Registration successful!");
+ alert("ลงทะเบียนสำเร็จแล้ว! โปรดเข้าสู่ระบบ.");
+ navigate('/login');
+ },
+ onError: (error) => {
+ console.error("Registration failed:", error.response?.data || error.message);
+ alert("การลงทะเบียนไม่สำเร็จ: " + (error.response?.data?.message || "มีข้อผิดพลาดเกิดขึ้น"));
+ },
+ });
+
+ const onSubmit = (data) => {
+ registerMutation.mutate(data);
+ };
+
+ return (
+
+
ลงทะเบียน
+
+
+
+ มีบัญชีอยู่แล้วใช่ไหม?
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/UserManagementPage.jsx b/src/pages/UserManagementPage.jsx
new file mode 100644
index 0000000..a10afba
--- /dev/null
+++ b/src/pages/UserManagementPage.jsx
@@ -0,0 +1,187 @@
+import React, { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import api from '../api/axios';
+
+// ฟังก์ชันสำหรับเรียก API
+const fetchUsers = async () => {
+ const { data } = await api.get('/admin/users'); // Endpoint ที่ดึงข้อมูลผู้ใช้ทั้งหมด
+ return data;
+};
+
+const createUser = async (userData) => {
+ const { data } = await api.post('/admin/users', userData); // Endpoint สำหรับสร้างผู้ใช้ใหม่
+ return data;
+};
+
+const deleteUser = async (userId) => {
+ await api.delete(`/admin/users/${userId}`); // Endpoint สำหรับลบผู้ใช้
+};
+
+export default function UserManagementPage() {
+ const queryClient = useQueryClient();
+ const [isFormVisible, setIsFormVisible] = useState(false); // สถานะสำหรับแสดง/ซ่อนฟอร์ม
+
+ // ดึงข้อมูลผู้ใช้งานด้วย useQuery
+ const { data: users, isLoading, error } = useQuery({
+ queryKey: ['users'],
+ queryFn: fetchUsers,
+ });
+
+ // สร้าง Mutation สำหรับเพิ่มผู้ใช้
+ const createMutation = useMutation({
+ mutationFn: createUser,
+ onSuccess: () => {
+ alert('เพิ่มผู้ใช้ใหม่เรียบร้อยแล้ว');
+ queryClient.invalidateQueries({ queryKey: ['users'] }); // รีเฟรชข้อมูลผู้ใช้
+ setIsFormVisible(false); // ซ่อนฟอร์มเมื่อสำเร็จ
+ },
+ onError: (err) => {
+ console.error(err);
+ alert('เกิดข้อผิดพลาดในการเพิ่มผู้ใช้: ' + (err.response?.data?.message || err.message));
+ },
+ });
+
+ // สร้าง Mutation สำหรับลบผู้ใช้
+ const deleteMutation = useMutation({
+ mutationFn: deleteUser,
+ onSuccess: () => {
+ alert('ลบผู้ใช้เรียบร้อยแล้ว');
+ queryClient.invalidateQueries({ queryKey: ['users'] }); // รีเฟรชข้อมูลผู้ใช้
+ },
+ onError: (err) => {
+ console.error(err);
+ alert('เกิดข้อผิดพลาดในการลบผู้ใช้: ' + (err.response?.data?.message || err.message));
+ },
+ });
+
+ const { register, handleSubmit, formState: { errors }, reset } = useForm();
+
+ const onSubmit = (data) => {
+ createMutation.mutate(data);
+ reset(); // ล้างฟอร์มหลังจากส่งข้อมูล
+ };
+
+ const handleDelete = (userId) => {
+ if (window.confirm('คุณแน่ใจหรือไม่ที่จะลบผู้ใช้นี้?')) {
+ deleteMutation.mutate(userId);
+ }
+ };
+
+ if (isLoading) return
กำลังโหลดข้อมูลผู้ใช้งาน...
;
+ if (error) return
เกิดข้อผิดพลาด: {error.message}
;
+
+ return (
+
+
จัดการผู้ใช้งาน
+
+ {/* ปุ่มสำหรับแสดง/ซ่อนฟอร์มเพิ่มผู้ใช้ */}
+
+ setIsFormVisible(!isFormVisible)}
+ >
+ {isFormVisible ? 'ซ่อนฟอร์ม' : 'เพิ่มผู้ใช้งานใหม่'}
+
+
+
+ {/* ฟอร์มสำหรับเพิ่มผู้ใช้งานใหม่ */}
+ {isFormVisible && (
+
+
ฟอร์มเพิ่มผู้ใช้งาน
+
+
+ )}
+
+ {/* ตารางแสดงรายชื่อผู้ใช้งาน */}
+
+
+ {/* ส่วนหัวตาราง */}
+
+
+ ชื่อผู้ใช้
+ บทบาท
+ สถานะ
+ การจัดการ
+
+
+ {/* ส่วนเนื้อหาตาราง */}
+
+ {users.map((user) => (
+
+ {user.username}
+
+
+ {user.role}
+
+
+ Active
+ handleDelete(user.id)}
+ disabled={deleteMutation.isLoading}
+ >
+ ลบ
+
+
+
+ ))}
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/routes/AdminRoutes.jsx b/src/routes/AdminRoutes.jsx
new file mode 100644
index 0000000..3ce7cb0
--- /dev/null
+++ b/src/routes/AdminRoutes.jsx
@@ -0,0 +1,23 @@
+// src/routes/AdminRoutes.jsx
+import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+import AdminLayout from '../layouts/AdminLayout.jsx';
+import DashboardPage from "../pages/DashboardPage.jsx";
+import DoctorsPage from "../pages/DoctorsPage.jsx";
+import PatientsPage from "../pages/PatientsPage.jsx";
+import ConsultationsPage from "../pages/ConsultationsPage.jsx";
+import UserManagementPage from "../pages/UserManagementPage.jsx";
+
+export default function AdminRoutes() {
+ return (
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/routes/PublicRoutes.jsx b/src/routes/PublicRoutes.jsx
index 234e987..b670dbd 100644
--- a/src/routes/PublicRoutes.jsx
+++ b/src/routes/PublicRoutes.jsx
@@ -1,6 +1,9 @@
import {Route, Routes} from "react-router-dom";
import PublicLayout from "../layouts/PublicLayout.jsx";
import AuthLayout from "../layouts/AuthLayout.jsx";
+import LoginPage from '../pages/LoginPage.jsx';
+import RegisterPage from '../pages/RegisterPage.jsx';
+import HomePage from "../pages/HomePage.jsx";
export default function PublicRoutes(){
return(
@@ -8,12 +11,12 @@ export default function PublicRoutes(){
{/* PublicLayout สำหรับหน้าไม่ต้อง login */}
}>
- หน้าหลัก 
+