-
-
-
+
+ {/* Background decorative elements */}
+
+
+ {/* Grid pattern overlay */}
+
+
+
+
+ {/* Logo and header section */}
+
+
+
+ News Admin
+
+
+ Hệ thống quản trị tin tức
+
+
+
+ {/* Login card */}
+
+
+
+ {title}
+
+
+ Vui lòng đăng nhập để tiếp tục
+
+
+
+
+
+ {/* Footer */}
+
+
+ © {currentYear} News Admin System. All rights reserved.
+
+
+
);
diff --git a/src/pages/app-pages/admin-pages/Dashboard.jsx b/src/pages/app-pages/admin-pages/Dashboard.jsx
new file mode 100644
index 0000000..65d5cd9
--- /dev/null
+++ b/src/pages/app-pages/admin-pages/Dashboard.jsx
@@ -0,0 +1,370 @@
+import { useEffect, useState } from 'react';
+import {
+ Row,
+ Col,
+ Card,
+ Table,
+ Tag,
+ Avatar,
+ List,
+ Button,
+ Space,
+ Tooltip,
+ Spin
+} from 'antd';
+import {
+ FileTextOutlined,
+ FolderOutlined,
+ TagOutlined,
+ UserOutlined,
+ EyeOutlined,
+ TrophyOutlined,
+ EditOutlined,
+ EllipsisOutlined
+} from '@ant-design/icons';
+import { Line, Doughnut } from 'react-chartjs-2';
+import {
+ Chart as ChartJS,
+ CategoryScale,
+ LinearScale,
+ PointElement,
+ LineElement,
+ ArcElement,
+ Title,
+ Tooltip as ChartTooltip,
+ Legend,
+} from 'chart.js';
+
+import DashboardServices from '@/services/adminServices/dashboardServices';
+import customRenderAvatar from '@/utils/customRenderAvatar';
+import { useNavigate } from 'react-router-dom';
+import dayjs from 'dayjs';
+import StatCard from '@/components/Dashboard/StatCard';
+import ChartCard from '@/components/Dashboard/ChartCard';
+
+// Register ChartJS components
+ChartJS.register(
+ CategoryScale,
+ LinearScale,
+ PointElement,
+ LineElement,
+ ArcElement,
+ Title,
+ ChartTooltip,
+ Legend
+);
+
+const AdminDashboard = () => {
+ const navigate = useNavigate();
+ const [loading, setLoading] = useState(true);
+ const [overviewStats, setOverviewStats] = useState({});
+ const [postsAnalytics, setPostsAnalytics] = useState({});
+ const [recentPosts, setRecentPosts] = useState([]);
+ const [categoriesStats, setCategoriesStats] = useState([]);
+ const [authorsStats, setAuthorsStats] = useState([]);
+
+ useEffect(() => {
+ fetchDashboardData();
+ }, []);
+
+ const fetchDashboardData = async () => {
+ setLoading(true);
+ try {
+ const [overview, analytics, recent, categories, authors] = await Promise.all([
+ DashboardServices.getOverviewStats(),
+ DashboardServices.getPostsAnalytics(),
+ DashboardServices.getRecentPosts(),
+ DashboardServices.getCategoriesStats(),
+ DashboardServices.getAuthorsStats()
+ ]);
+
+ setOverviewStats(overview);
+ setPostsAnalytics(analytics);
+ setRecentPosts(recent.data);
+ setCategoriesStats(categories);
+ setAuthorsStats(authors);
+ } catch (error) {
+ console.error('Error fetching dashboard data:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ // Prepare chart options
+ const chartOptions = {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ position: 'top',
+ },
+ title: {
+ display: true,
+ text: 'Thống kê 7 ngày gần đây',
+ },
+ },
+ scales: {
+ y: {
+ beginAtZero: true,
+ },
+ },
+ };
+
+ const doughnutData = {
+ labels: categoriesStats.map(cat => cat.name),
+ datasets: [
+ {
+ data: categoriesStats.map(cat => cat.posts),
+ backgroundColor: categoriesStats.map(cat => cat.color),
+ borderWidth: 2,
+ },
+ ],
+ };
+
+ const doughnutOptions = {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ position: 'bottom',
+ },
+ title: {
+ display: true,
+ text: 'Phân bố bài viết theo danh mục',
+ },
+ },
+ };
+
+ // Recent posts table columns
+ const recentPostsColumns = [
+ {
+ title: 'Tiêu đề',
+ dataIndex: 'title',
+ key: 'title',
+ render: (text, record) => (
+
+
{text}
+
+
+ {record?.published_at ? 'Đã xuất bản' : 'Nháp'}
+
+ {record.category?.name || '---'}
+
+
+ ),
+ },
+ {
+ title: 'Tác giả',
+ dataIndex: 'created_by_admin',
+ key: 'created_by_admin',
+ width: 120,
+ render: (_, record) => {
+ return record?.created_by_admin?.display_name || '---';
+ }
+ },
+ {
+ title: 'Lượt xem',
+ dataIndex: 'view',
+ key: 'view',
+ width: 80,
+ render: (view) => (
+
+
+ {view ? view.toLocaleString() : 0}
+
+ ),
+ },
+ {
+ title: 'Ngày tạo',
+ dataIndex: 'created_at',
+ key: 'created_at',
+ width: 100,
+ render: (date) => dayjs(date).format('DD/MM/YYYY'),
+ },
+ {
+ title: 'Thao tác',
+ key: 'action',
+ width: 100,
+ render: (_, record) => (
+
+
+ }
+ onClick={() => navigate(`/admin/post/${record.id}/edit`)}
+ />
+
+
+ }
+ onClick={() => navigate(`/admin/post/${record.id}/show`)}
+ />
+
+
+ ),
+ },
+ ];
+
+ if (loading) {
+ return (
+
+
+
+ );
+ }
+
+ return (
+
+ {/* Header */}
+
+
Dashboard Quản trị
+
Tổng quan về hệ thống quản lý tin tức
+
+
+ {/* Overview Statistics */}
+
+
+ }
+ color="#1890ff"
+ description={`${overviewStats?.publishedPosts} đã xuất bản`}
+ gradient
+ />
+
+
+ }
+ color="#52c41a"
+ gradient
+ />
+
+
+ }
+ color="#faad14"
+ gradient
+ />
+
+
+ }
+ color="#722ed1"
+ gradient
+ />
+
+
+
+ {/* Views Statistics */}
+
+
+ }
+ color="#eb2f96"
+ description={`Hôm nay: ${overviewStats?.todayViews?.toLocaleString()} lượt`}
+ />
+
+
+ }
+ color="#fa541c"
+ description={`${overviewStats?.publishedPosts}/${overviewStats?.totalPosts} bài viết`}
+ />
+
+
+
+ {/* Charts */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Recent Posts and Top Authors */}
+
+
+ navigate('/admin/post')}>
+ Xem tất cả
+
+ }
+ >
+
+
+
+
+ navigate('/admin/manager-author')}>
+ Xem tất cả
+
+ }
+ >
+ (
+
+
+ {customRenderAvatar(author.name)}
+
+ }
+ title={
+
+ {author.name}
+
+ #{index + 1}
+
+
+ }
+ description={
+
+
{author.role}
+
+ {author.posts} bài viết
+ {author.views.toLocaleString()} lượt xem
+
+
+
+
+
+ );
+};
+
+export default AdminDashboard;
\ No newline at end of file
diff --git a/src/pages/app-pages/admin-pages/category/index.jsx b/src/pages/app-pages/admin-pages/category/index.jsx
index bc2af8d..19c1e61 100644
--- a/src/pages/app-pages/admin-pages/category/index.jsx
+++ b/src/pages/app-pages/admin-pages/category/index.jsx
@@ -2,11 +2,10 @@ import { useEffect, useState } from "react";
import { Card, Table, message } from "antd";
import categoryServices from "@/services/adminServices/categoryServices";
-import { generateBasicColumn } from "@/components/Column/GenerateColumn";
+import { generateBasicColumn, generateColumn } from "@/components/Column/GenerateColumn";
import { PaginationCustom } from "@/components";
import HeaderTableBasic from "@/components/HeaderTableBasic";
-import { generateColumn } from "@/components/Column/GenerateColumn";
const List = () => {
const [list, setList] = useState([]);
@@ -21,7 +20,7 @@ const List = () => {
},
sort: {
sortBy: "id",
- sortType: "ASC",
+ sortType: "DESC",
},
flimit: 10,
});
diff --git a/src/pages/app-pages/admin-pages/group-category/Show.jsx b/src/pages/app-pages/admin-pages/group-category/Show.jsx
index 6df2950..5f4ab72 100644
--- a/src/pages/app-pages/admin-pages/group-category/Show.jsx
+++ b/src/pages/app-pages/admin-pages/group-category/Show.jsx
@@ -1,7 +1,7 @@
import { Card, Spin, Tag } from "antd";
import groupCategoryServices from "@/services/adminServices/groupCategoryServices";
-import { useParams } from "react-router-dom";
+import { Link, useParams } from "react-router-dom";
import { useEffect, useState } from "react";
const Show = () => {
@@ -37,7 +37,9 @@ const Show = () => {
{categoryList?.length > 0 && (
{categoryList?.map((item) => (
- {item?.name}
+
+ {item?.name}
+
))}
)}
diff --git a/src/pages/app-pages/admin-pages/group-category/index.jsx b/src/pages/app-pages/admin-pages/group-category/index.jsx
index 90d0cb8..b8f213c 100644
--- a/src/pages/app-pages/admin-pages/group-category/index.jsx
+++ b/src/pages/app-pages/admin-pages/group-category/index.jsx
@@ -2,11 +2,10 @@ import { useEffect, useState } from "react";
import { Card, Table, message } from "antd";
import groupCategoryServices from "@/services/adminServices/groupCategoryServices";
-import { generateBasicColumn } from "@/components/Column/GenerateColumn";
+import { generateBasicColumn, generateColumn } from "@/components/Column/GenerateColumn";
import { PaginationCustom } from "@/components";
import HeaderTableBasic from "@/components/HeaderTableBasic";
-import { generateColumn } from "@/components/Column/GenerateColumn";
const List = () => {
const [list, setList] = useState([]);
@@ -21,7 +20,7 @@ const List = () => {
},
sort: {
sortBy: "id",
- sortType: "ASC",
+ sortType: "DESC",
},
flimit: 10,
});
@@ -77,11 +76,10 @@ const List = () => {
}
};
- const { id, createdByAdmin, updatedByAdmin, createdAt, updatedAt, action } =
- generateBasicColumn(filter, handleSort, handleDelete, confirmLoading, handleConfirm);
+ const { id, action } = generateBasicColumn(filter, handleSort, handleDelete, confirmLoading, handleConfirm);
const restColumnInfo = [
{
- title: "Tên nhóm",
+ title: "Tên nhóm danh mục",
dataIndex: "name",
key: "name",
filter,
@@ -89,6 +87,11 @@ const List = () => {
customRender: false,
sorter: true,
},
+ {
+ title: "Tổng danh mục",
+ dataIndex: "categories_count",
+ key: "categories_count",
+ },
];
const restColumns = restColumnInfo.map((column) => {
diff --git a/src/pages/app-pages/admin-pages/manager-author/index.jsx b/src/pages/app-pages/admin-pages/manager-author/index.jsx
index 573cf8b..cadeea0 100644
--- a/src/pages/app-pages/admin-pages/manager-author/index.jsx
+++ b/src/pages/app-pages/admin-pages/manager-author/index.jsx
@@ -21,7 +21,7 @@ const List = () => {
},
sort: {
sortBy: "id",
- sortType: "ASC",
+ sortType: "DESC",
},
flimit: 10,
});
diff --git a/src/pages/app-pages/admin-pages/post/Create.jsx b/src/pages/app-pages/admin-pages/post/Create.jsx
index 1772b87..b87c876 100644
--- a/src/pages/app-pages/admin-pages/post/Create.jsx
+++ b/src/pages/app-pages/admin-pages/post/Create.jsx
@@ -1,49 +1,65 @@
import { useContext, useEffect, useState } from "react";
-import { Card, Form, Input, message, Select, Radio, DatePicker, Flex } from "antd";
-import { CKEditor } from "@ckeditor/ckeditor5-react";
-import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
+import { Card, Form, Input, message, Select, Radio, DatePicker, Flex, Button } from "antd";
+import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
import categoryServices from "@/services/adminServices/categoryServices";
import postServices from "@/services/adminServices/postServices";
import tagServices from "@/services/adminServices/tagServices";
-import uploader from "@/utils/createUploader";
import { AdminContext } from "@/context/AdminContext";
import { ButtonAddForm } from "@/components/Btn/ButtonAddAndUpdateForm";
import UploadPhotoInput from "@/components/Input/UploadPhotoInput";
+import PostPreview from "@/components/PostPreview";
+import { FormContainer, FormSection, PreviewSection } from "@/components/PostPreview/styles";
+import BlockNoteEditor from "@/components/BlockNoteEditor";
const Create = () => {
const [form] = Form.useForm();
const { admin } = useContext(AdminContext);
const accessToken = admin?.token;
const [loading, setLoading] = useState(false);
+ const [previewVisible, setPreviewVisible] = useState(true);
+ const [previewData, setPreviewData] = useState({
+ title: '',
+ content: '',
+ category: null,
+ tags: [],
+ status: 0,
+ thumbnail: null
+ });
const [categoryDatas, setCategoryDatas] = useState([]);
const [editorContent, setEditorContent] = useState("");
- const [editorError, setEditorError] = useState("");
- const maxContentLength = 10000;
const [tagsDatas, setTagsDatas] = useState([]);
const [statusPostDatas, setStatusPostDatas] = useState([]);
const [statusPostSelected, setStatusPostSelected] = useState(0);
const [fileList, setFileList] = useState([]);
- const ckeditorConfig = {
- extraPlugins: [uploader],
+
+ const updatePreviewData = (field, value) => {
+ setPreviewData(prev => ({
+ ...prev,
+ [field]: value
+ }));
};
- const validateEditorContent = (value) => {
- return value && value.trim().length > 0 ? undefined : "Nội dung là bắt buộc";
+
+ const getStatusText = (statusId) => {
+ const status = statusPostDatas.find(s => s.id === statusId);
+ return status?.name || 'Draft';
};
- const handleEditorChange = (event, editor) => {
- const data = editor.getData();
- const requiredError = validateEditorContent(data);
- if (requiredError) {
- setEditorError(requiredError);
- } else {
- if (data.length <= maxContentLength) {
- setEditorContent(data);
- setEditorError("");
- } else {
- setEditorError(`Nội dung không được vượt quá ${maxContentLength} ký tự.`);
- }
- }
+ const getCategoryName = (categoryId) => {
+ const category = categoryDatas.find(c => c.value === categoryId);
+ return category?.label || '';
+ };
+
+ const getTagNames = (tagIds) => {
+ if (!tagIds) return [];
+ return tagIds.map(id => {
+ const tag = tagsDatas.find(t => t.value === id);
+ return tag?.label || id;
+ });
+ };
+ const handleEditorChange = (html) => {
+ setEditorContent(html);
+ updatePreviewData('content', html);
};
const propUpload = {
@@ -62,12 +78,16 @@ const Create = () => {
newFileList = newFileList.slice(-1);
if (info.file.status === "removed") {
setFileList([]);
+ updatePreviewData('thumbnail', null);
const file = info.file?.response?.data;
if (file) {
await postServices.deletePhoto(file?.filename);
}
} else {
setFileList(newFileList);
+ if (info.file.status === 'done' && info.file.response?.data?.url) {
+ updatePreviewData('thumbnail', info.file.response.data.url);
+ }
}
},
};
@@ -83,7 +103,7 @@ const Create = () => {
form.resetFields();
setEditorContent("");
setFileList([]);
- // focus on first input
+ setPreviewData({ title: '', content: '', category: null, tags: [], status: 0, thumbnail: null });
form.getFieldInstance("title").focus();
setLoading(false);
} catch (error) {
@@ -100,6 +120,7 @@ const Create = () => {
(option?.label ?? "").toLowerCase().includes(input.toLowerCase());
const handleChangeStatusPost = (e) => {
setStatusPostSelected(e.target.value);
+ updatePreviewData('status', e.target.value);
};
useEffect(() => {
@@ -146,15 +167,29 @@ const Create = () => {
};
fetch();
}, []);
+
return (
-
-
+
+
+
+ {/* Preview Section */}
+
+
+
+
);
};
diff --git a/src/pages/app-pages/admin-pages/post/Edit.jsx b/src/pages/app-pages/admin-pages/post/Edit.jsx
index 2a51d09..3032b94 100644
--- a/src/pages/app-pages/admin-pages/post/Edit.jsx
+++ b/src/pages/app-pages/admin-pages/post/Edit.jsx
@@ -1,17 +1,18 @@
import { useContext, useEffect, useState } from "react";
import { useNavigate, useParams } from "react-router-dom";
import dayjs from "dayjs";
-import { Card, Form, Input, message, Select, Radio, DatePicker, Flex } from "antd";
-import { CKEditor } from "@ckeditor/ckeditor5-react";
-import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
+import { Card, Form, Input, message, Select, Radio, DatePicker, Flex, Button } from "antd";
+import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
import { AdminContext } from "@/context/AdminContext";
import postServices from "@/services/adminServices/postServices";
import tagServices from "@/services/adminServices/tagServices";
-import uploader from "@/utils/createUploader";
import categoryServices from "@/services/adminServices/categoryServices";
import UploadPhotoInput from "@/components/Input/UploadPhotoInput";
import { ButtonUpdateForm } from "@/components/Btn/ButtonAddAndUpdateForm";
+import PostPreview from "@/components/PostPreview";
+import { FormContainer, FormSection, PreviewSection } from "@/components/PostPreview/styles";
+import BlockNoteEditor from "@/components/BlockNoteEditor";
const Edit = () => {
const navigate = useNavigate();
@@ -23,32 +24,48 @@ const Edit = () => {
const [loading, setLoading] = useState(false);
const [data, setData] = useState({});
const [editorContent, setEditorContent] = useState("");
- const [editorError, setEditorError] = useState("");
- const maxContentLength = 10000;
const [tagsDatas, setTagsDatas] = useState([]);
const [statusPostDatas, setStatusPostDatas] = useState([]);
const [statusPostSelected, setStatusPostSelected] = useState(0);
const [fileList, setFileList] = useState([]);
- const ckeditorConfig = {
- extraPlugins: [uploader],
+ const [previewVisible, setPreviewVisible] = useState(true);
+ const [previewData, setPreviewData] = useState({
+ title: '',
+ content: '',
+ category: null,
+ tags: [],
+ status: 0,
+ thumbnail: null
+ });
+
+ const updatePreviewData = (field, value) => {
+ setPreviewData(prev => ({
+ ...prev,
+ [field]: value
+ }));
};
- const validateEditorContent = (value) => {
- return value && value.trim().length > 0 ? undefined : "Nội dung là bắt buộc";
+
+ const getStatusText = (statusId) => {
+ const status = statusPostDatas.find(s => s.id === statusId);
+ return status?.name || 'Draft';
};
- const handleEditorChange = (event, editor) => {
- const data = editor.getData();
- const requiredError = validateEditorContent(data);
- if (requiredError) {
- setEditorError(requiredError);
- } else {
- if (data.length <= maxContentLength) {
- setEditorContent(data);
- setEditorError("");
- } else {
- setEditorError(`Nội dung không được vượt quá ${maxContentLength} ký tự.`);
- }
- }
+ const getCategoryName = (categoryId) => {
+ const category = categoryDatas.find(c => c.value === categoryId);
+ return category?.label || '';
+ };
+
+ const getTagNames = (tagIds) => {
+ if (!tagIds) return [];
+ return tagIds.map(id => {
+ const tag = tagsDatas.find(t => t.value === id);
+ return tag?.label || id;
+ });
+ };
+
+ const handleEditorChange = (html) => {
+ setEditorContent(html);
+ updatePreviewData('content', html);
};
const propUpload = {
@@ -60,19 +77,23 @@ const Edit = () => {
},
fileList: fileList,
async onChange(info) {
- // Note cần làm: khi xóa thì phải xóa cả ở trên cloudinary
+ // Note: when deleting, also delete on cloudinary
let newFileList = [...info.fileList];
- // Giới hạn chỉ cho một tệp tin
+ // Limit to only one file
newFileList = newFileList.slice(-1);
if (info.file.status === "removed") {
setFileList([]);
+ updatePreviewData('thumbnail', null);
const filename = info.file?.name;
if (filename) {
await postServices.deletePhoto(filename);
}
} else {
setFileList(newFileList);
+ if (info.file.status === 'done' && info.file.response?.data?.url) {
+ updatePreviewData('thumbnail', info.file.response.data.url);
+ }
}
},
};
@@ -105,6 +126,7 @@ const Edit = () => {
(option?.label ?? "").toLowerCase().includes(input.toLowerCase());
const handleChangeStatusPost = (e) => {
setStatusPostSelected(e.target.value);
+ updatePreviewData('status', e.target.value);
};
useEffect(() => {
@@ -114,16 +136,16 @@ const Edit = () => {
setData(response);
setEditorContent(response?.content);
setStatusPostSelected(response?.status);
- // if (response?.photo)
- // setFileList([
- // {
- // uid: "-1",
- // name: response?.filename,
- // // status: "done",
- // url: response?.photo,
- // thumbUrl: response?.photo,
- // },
- // ]);
+
+ // Initialize preview data
+ setPreviewData({
+ title: response?.title || '',
+ content: response?.content || '',
+ category: response?.category_id || null,
+ tags: response?.tags || [],
+ status: response?.status || 0,
+ thumbnail: response?.photo || null
+ });
} catch (error) {
console.log(error);
}
@@ -175,14 +197,26 @@ const Edit = () => {
fetch();
}, []);
return (
-
-
+
+
+ {/* Preview Section */}
+
+
+
+
);
};
diff --git a/src/pages/app-pages/admin-pages/post/index.jsx b/src/pages/app-pages/admin-pages/post/index.jsx
index 4504794..c4b7b24 100644
--- a/src/pages/app-pages/admin-pages/post/index.jsx
+++ b/src/pages/app-pages/admin-pages/post/index.jsx
@@ -21,7 +21,7 @@ const List = () => {
},
sort: {
sortBy: "id",
- sortType: "ASC",
+ sortType: "DESC",
},
flimit: 10,
});
diff --git a/src/pages/app-pages/admin-pages/tag/index.jsx b/src/pages/app-pages/admin-pages/tag/index.jsx
index c3099ff..1b7c2e2 100644
--- a/src/pages/app-pages/admin-pages/tag/index.jsx
+++ b/src/pages/app-pages/admin-pages/tag/index.jsx
@@ -21,7 +21,7 @@ const List = () => {
},
sort: {
sortBy: "id",
- sortType: "ASC",
+ sortType: "DESC",
},
flimit: 10,
});
diff --git a/src/pages/app-pages/author-pages/Dashboard.jsx b/src/pages/app-pages/author-pages/Dashboard.jsx
new file mode 100644
index 0000000..9066a50
--- /dev/null
+++ b/src/pages/app-pages/author-pages/Dashboard.jsx
@@ -0,0 +1,434 @@
+import { useEffect, useState } from 'react';
+import {
+ Row,
+ Col,
+ Card,
+ Statistic,
+ Table,
+ Tag,
+ Button,
+ Space,
+ Tooltip,
+ Spin,
+ Progress
+} from 'antd';
+import {
+ FileTextOutlined,
+ EyeOutlined,
+ CalendarOutlined,
+ RiseOutlined,
+ EditOutlined,
+ EllipsisOutlined,
+ PlusOutlined,
+ CheckCircleOutlined,
+ ClockCircleOutlined
+} from '@ant-design/icons';
+import { Line } from 'react-chartjs-2';
+import {
+ Chart as ChartJS,
+ CategoryScale,
+ LinearScale,
+ PointElement,
+ LineElement,
+ Title,
+ Tooltip as ChartTooltip,
+ Legend,
+} from 'chart.js';
+
+import { useNavigate } from 'react-router-dom';
+import dayjs from 'dayjs';
+
+// Register ChartJS components
+ChartJS.register(
+ CategoryScale,
+ LinearScale,
+ PointElement,
+ LineElement,
+ Title,
+ ChartTooltip,
+ Legend
+);
+
+const AuthorDashboard = () => {
+ const navigate = useNavigate();
+ const [loading, setLoading] = useState(true);
+ const [authorStats, setAuthorStats] = useState({});
+ const [recentPosts, setRecentPosts] = useState([]);
+ const [performanceData, setPerformanceData] = useState({});
+
+ useEffect(() => {
+ fetchAuthorData();
+ }, []);
+
+ const fetchAuthorData = async () => {
+ setLoading(true);
+ try {
+ // Mock data cho author dashboard
+ await new Promise(resolve => setTimeout(resolve, 1000)); // Simulate API call
+
+ setAuthorStats({
+ totalPosts: 23,
+ publishedPosts: 18,
+ draftPosts: 5,
+ totalViews: 15420,
+ todayViews: 85,
+ avgViews: Math.round(15420 / 18),
+ engagement: 78
+ });
+
+ setRecentPosts([
+ {
+ id: 1,
+ title: "Hướng dẫn sử dụng React Hooks hiệu quả",
+ status: "published",
+ views: 1250,
+ created_at: "2025-10-20T10:30:00Z",
+ category: "Lập trình"
+ },
+ {
+ id: 2,
+ title: "10 mẹo tối ưu hóa hiệu suất website",
+ status: "draft",
+ views: 0,
+ created_at: "2025-10-19T15:45:00Z",
+ category: "Web Development"
+ },
+ {
+ id: 3,
+ title: "Xu hướng công nghệ 2025",
+ status: "published",
+ views: 890,
+ created_at: "2025-10-18T09:20:00Z",
+ category: "Công nghệ"
+ },
+ {
+ id: 4,
+ title: "Machine Learning cơ bản cho người mới",
+ status: "published",
+ views: 2100,
+ created_at: "2025-10-17T14:10:00Z",
+ category: "AI/ML"
+ }
+ ]);
+
+ setPerformanceData({
+ labels: ['T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN'],
+ datasets: [
+ {
+ label: 'Lượt xem',
+ data: [120, 150, 180, 220, 190, 250, 300],
+ borderColor: '#1890ff',
+ backgroundColor: 'rgba(24, 144, 255, 0.1)',
+ tension: 0.4,
+ }
+ ]
+ });
+
+ } catch (error) {
+ console.error('Error fetching author data:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const chartOptions = {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ position: 'top',
+ },
+ title: {
+ display: true,
+ text: 'Lượt xem trong 7 ngày gần đây',
+ },
+ },
+ scales: {
+ y: {
+ beginAtZero: true,
+ },
+ },
+ };
+
+ // Recent posts table columns
+ const recentPostsColumns = [
+ {
+ title: 'Tiêu đề',
+ dataIndex: 'title',
+ key: 'title',
+ render: (text, record) => (
+
+
{text}
+
+
+ {record.status === 'published' ? 'Đã xuất bản' : 'Nháp'}
+
+ {record.category}
+
+
+ ),
+ },
+ {
+ title: 'Lượt xem',
+ dataIndex: 'views',
+ key: 'views',
+ width: 100,
+ render: (views) => (
+
+
+ {views.toLocaleString()}
+
+ ),
+ },
+ {
+ title: 'Ngày tạo',
+ dataIndex: 'created_at',
+ key: 'created_at',
+ width: 120,
+ render: (date) => dayjs(date).format('DD/MM/YYYY'),
+ },
+ {
+ title: 'Thao tác',
+ key: 'action',
+ width: 100,
+ render: (_, record) => (
+
+
+ }
+ onClick={() => navigate(`/author/post/${record.id}/edit`)}
+ />
+
+
+ }
+ onClick={() => navigate(`/author/post/${record.id}/show`)}
+ />
+
+
+ ),
+ },
+ ];
+
+ if (loading) {
+ return (
+
+
+
+ );
+ }
+
+ return (
+
+ {/* Header */}
+
+
Dashboard Tác giả
+
Quản lý bài viết và theo dõi hiệu suất của bạn
+
+
+ {/* Quick Actions */}
+
+
+
+
+
+ Bắt đầu viết bài mới
+
+
+ Chia sẻ kiến thức và kinh nghiệm của bạn với cộng đồng
+
+
+
+
+ {/* Statistics Cards */}
+
+
+
+ }
+ valueStyle={{ color: '#1890ff' }}
+ />
+
+ {authorStats.publishedPosts} đã xuất bản
+
+
+
+
+
+ }
+ valueStyle={{ color: '#faad14' }}
+ />
+
+ Chưa xuất bản
+
+
+
+
+
+ }
+ valueStyle={{ color: '#52c41a' }}
+ />
+
+ Hôm nay: {authorStats.todayViews} lượt
+
+
+
+
+
+ }
+ valueStyle={{ color: '#722ed1' }}
+ />
+
+
+
+ {/* Performance Chart */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {authorStats.totalPosts ? Math.round((authorStats.publishedPosts / authorStats.totalPosts) * 100) : 0}%
+
+
Tỷ lệ xuất bản
+
+
+
+
+ {authorStats.avgViews}
+
+
Trung bình lượt xem/bài
+
+
+
+
+ {authorStats.engagement}%
+
+
Mức độ tương tác
+
+
+
+ {/* Recent Posts */}
+
navigate('/author/post')}>
+ Xem tất cả bài viết
+
+ }
+ >
+
+
+
+ {/* Tips and Guidelines */}
+
+
+
+
+
+
+
+
Tiêu đề hấp dẫn
+
Sử dụng từ khóa phù hợp và gây tò mò
+
+
+
+
+
+
Nội dung chất lượng
+
Cung cấp thông tin hữu ích và đáng tin cậy
+
+
+
+
+
+
Hình ảnh minh họa
+
Thêm hình ảnh để bài viết sinh động hơn
+
+
+
+
+
+ Bài viết mới
+ 3/5
+
+
+
+
+
+ Lượt xem
+ 15.4K/20K
+
+
+
+
+
+ Tương tác
+ 78/80%
+
+
+
+
+
+ );
+};
+
+export default AuthorDashboard;
\ No newline at end of file
diff --git a/src/pages/auth-pages/admin-auth/Login.jsx b/src/pages/auth-pages/admin-auth/Login.jsx
index d6f0007..be86652 100644
--- a/src/pages/auth-pages/admin-auth/Login.jsx
+++ b/src/pages/auth-pages/admin-auth/Login.jsx
@@ -1,75 +1,134 @@
import { useContext, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
-import { Form, message } from "antd";
-import adminAuthServices from "@/services/authServices/adminAuthServices";
+import { Form, message, Button, Input, Divider } from "antd";
+import { UserOutlined, LockOutlined, LoginOutlined } from "@ant-design/icons";
+import AdminAuthServices from "@/services/authServices/AdminAuthServices";
import { AdminContext } from "@/context/AdminContext";
-import PasswordInput from "@/components/Input/PasswordInput";
-import ButtonSubmitForm from "@/components/Btn/ButtonSubmitForm";
-import UserNameInput from "@/components/Input/UserNameInput";
+import { ADMIN_FORM_FIELDS } from "@/validation/auth";
+
+const ROLE_ROUTES = {
+ ADMIN: "/admin/dashboard",
+ AUTHOR: "/author/dashboard",
+};
+
+const SUPPORTED_ROLES = ["ADMIN", "AUTHOR"];
const Login = () => {
const [loading, setLoading] = useState(false);
const [form] = Form.useForm();
const { setAdmin } = useContext(AdminContext);
const navigate = useNavigate();
+
useEffect(() => {
+ clearAuthData();
+ }, []);
+
+ const clearAuthData = () => {
localStorage.removeItem("admin");
setAdmin(null);
- }, []);
+ };
+
+ const storeAuthData = (token) => {
+ const authData = { token };
+ const authString = JSON.stringify(authData);
+ localStorage.setItem("admin", authString);
+ setAdmin(authData);
+ };
+
const handleSubmit = async (values) => {
setLoading(true);
- const response = await adminAuthServices.login(values);
+ const response = await AdminAuthServices.login(values);
if (response) {
- const role = await adminAuthServices.checkRole(response?.accessToken);
- if (role?.role_name === "ADMIN") {
- const admin = {
- token: response?.accessToken,
- // data: response?.data,
- };
-
- const adminString = JSON.stringify(admin);
- localStorage.setItem("admin", adminString);
- setAdmin(admin);
- message.success(response?.message);
- navigate("/admin/dashboard");
- } else if (role?.role_name === "AUTHOR") {
- const author = {
- token: response?.accessToken,
- // data: response?.data,
- };
- const adminString = JSON.stringify(author);
- localStorage.setItem("admin", adminString);
- setAdmin(author);
+ const role = await AdminAuthServices.checkRole(response?.accessToken);
+ const roleName = role?.role_name;
+ if (SUPPORTED_ROLES.includes(roleName)) {
+ storeAuthData(response?.accessToken);
message.success(response?.message);
- navigate("/author/dashboard");
+ navigate(ROLE_ROUTES[roleName]);
} else {
- localStorage.removeItem("admin");
- setAdmin(null);
+ clearAuthData();
navigate("/auth/admin/login");
}
}
setLoading(false);
};
+
const validateMessages = {
required: "${label} là bắt buộc",
};
- const passwordProps = {
- label: "Password",
- name: "password",
- placeholder: "Nhập password",
- };
- return (
-
+ return (
+
);
};
diff --git a/src/routers/adminRoutes/index.jsx b/src/routers/adminRoutes/index.jsx
index 099404e..c045adb 100644
--- a/src/routers/adminRoutes/index.jsx
+++ b/src/routers/adminRoutes/index.jsx
@@ -1,4 +1,5 @@
import AdminLayout from "../../layouts/app-layouts/admin-layouts";
+import AdminDashboard from "@/pages/app-pages/admin-pages/Dashboard";
import categoryRoutes from "./managerRoutes/categoryRoutes";
import groupCategoryRoutes from "./managerRoutes/groupCategoryRoutes";
@@ -14,7 +15,7 @@ const adminRoutes = [
children: [
{
path: "dashboard",
- element:
admin
,
+ element:
,
exact: true,
},
groupCategoryRoutes,
diff --git a/src/routers/authorRoutes/index.jsx b/src/routers/authorRoutes/index.jsx
index 089f072..db407df 100644
--- a/src/routers/authorRoutes/index.jsx
+++ b/src/routers/authorRoutes/index.jsx
@@ -1,4 +1,5 @@
import AuthorLayout from "../../layouts/app-layouts/author-layouts";
+import AuthorDashboard from "@/pages/app-pages/author-pages/Dashboard";
import postRoutes from "./managerRoutes/postRoutes";
@@ -10,7 +11,7 @@ const authorRoutes = [
children: [
{
path: "dashboard",
- element:
author
,
+ element:
,
exact: true,
},
postRoutes,
diff --git a/src/services/adminServices/dashboardServices.js b/src/services/adminServices/dashboardServices.js
new file mode 100644
index 0000000..38d5910
--- /dev/null
+++ b/src/services/adminServices/dashboardServices.js
@@ -0,0 +1,137 @@
+import axiosInstance from "@/configs/axiosConfig";
+
+/**
+ * Service để lấy thống kê dashboard admin
+ */
+class DashboardServices {
+ /**
+ * Lấy tổng quan thống kê
+ */
+ static async getOverviewStats() {
+ try {
+ const response = await axiosInstance.get("/dashboard/overview");
+ return response.data;
+ } catch (error) {
+ console.log("Dashboard overview error:", error);
+ }
+ }
+
+ static generateDateRange(startDate, endDate) {
+ const dates = [];
+ const current = new Date(startDate);
+
+ while (current <= endDate) {
+ dates.push(new Date(current));
+ current.setDate(current.getDate() + 1);
+ }
+
+ return dates;
+ }
+ static formatDateLabel(date) {
+ const day = date.getDate().toString().padStart(2, '0');
+ const month = (date.getMonth() + 1).toString().padStart(2, '0');
+ return `${day}-${month}`;
+ }
+
+ /**
+ * Lấy thống kê bài viết theo thời gian
+ */
+ static async getPostsAnalytics(period = 7) {
+ try {
+ const response = await axiosInstance.get(`/dashboard/posts-analytics?period=${period}`);
+ const data = response.data;
+ const currentDate = new Date();
+ const startDate = new Date();
+ startDate.setDate(currentDate.getDate() - (parseInt(period) - 1));
+ const dateRange = this.generateDateRange(startDate, currentDate);
+ const labels = dateRange.map(date => this.formatDateLabel(date));
+ const postsMap = {};
+ if (data?.posts && Array.isArray(data.posts)) {
+ data.posts.forEach(item => {
+ // item = {19/10: 5}
+ const dateKey = Object.keys(item)[0]; // "19/10"
+ const value = item[dateKey]; // 5
+ postsMap[dateKey] = value;
+ });
+ }
+
+ const viewsMap = {};
+ if (data?.views && Array.isArray(data.views)) {
+ data.views.forEach(item => {
+ const dateKey = Object.keys(item)[0];
+ const value = item[dateKey];
+ viewsMap[dateKey] = value;
+ });
+ }
+
+ const postsData = labels.map(label => {
+ return postsMap[label] || 0;
+ });
+
+ const viewsData = labels.map(label => {
+ return viewsMap[label] || 0;
+ });
+
+ return {
+ dateRange: dateRange.map(date => date.toISOString().split('T')[0]),
+ labels: labels,
+ datasets: [
+ {
+ label: 'Bài viết mới',
+ data: postsData,
+ borderColor: '#1890ff',
+ backgroundColor: 'rgba(24, 144, 255, 0.1)',
+ tension: 0.4,
+ },
+ {
+ label: 'Lượt xem',
+ data: viewsData,
+ borderColor: '#52c41a',
+ backgroundColor: 'rgba(82, 196, 26, 0.1)',
+ tension: 0.4,
+ }
+ ]
+ };
+ } catch (error) {
+ console.log("Posts analytics error:", error);
+ }
+ }
+
+ /**
+ * Lấy danh sách bài viết gần đây
+ */
+ static async getRecentPosts(limit = 5) {
+ try {
+ const response = await axiosInstance.get(`/dashboard/recent-posts?limit=${limit}`);
+ return response.data;
+ } catch (error) {
+ console.log("Recent posts error:", error);
+ }
+ }
+
+ /**
+ * Lấy thống kê danh mục
+ */
+ static async getCategoriesStats() {
+ try {
+ const response = await axiosInstance.get("/dashboard/categories-stats");
+ return response.data;
+ } catch (error) {
+ console.log("Categories stats error:", error);
+ }
+ }
+
+ /**
+ * Lấy thống kê tác giả
+ */
+ static async getAuthorsStats() {
+ try {
+ const response = await axiosInstance.get("/dashboard/authors-stats");
+ return response.data;
+ } catch (error) {
+ console.log("Authors stats error:", error);
+ }
+ }
+}
+
+export default DashboardServices;
\ No newline at end of file
diff --git a/src/services/authServices/adminAuthServices.js b/src/services/authServices/AdminAuthServices.js
similarity index 57%
rename from src/services/authServices/adminAuthServices.js
rename to src/services/authServices/AdminAuthServices.js
index 57b34ec..b6206f6 100644
--- a/src/services/authServices/adminAuthServices.js
+++ b/src/services/authServices/AdminAuthServices.js
@@ -1,9 +1,10 @@
import axiosInstance from "@/configs/axiosConfig";
+import { AUTH_ENDPOINTS } from "@/configs/apiEndpoints";
-class adminAuthServices {
+class AdminAuthServices {
static async login({ username, password }) {
try {
- const response = await axiosInstance.post("/auth/admin/login", {
+ const response = await axiosInstance.post(AUTH_ENDPOINTS.ADMIN.LOGIN, {
username,
password,
});
@@ -13,9 +14,18 @@ class adminAuthServices {
console.log(error);
}
}
+ static async refreshToken() {
+ try {
+ const response = await axiosInstance.post(AUTH_ENDPOINTS.ADMIN.REFRESH_TOKEN);
+ const data = response.data;
+ return data;
+ } catch (error) {
+ console.log(error);
+ }
+ }
static async logout() {
try {
- const response = await axiosInstance.get("/auth/admin/logout");
+ const response = await axiosInstance.get(AUTH_ENDPOINTS.ADMIN.LOGOUT);
const data = response.data;
return data;
} catch (error) {
@@ -24,7 +34,7 @@ class adminAuthServices {
}
static async checkRole(accessToken) {
try {
- const response = await axiosInstance.get("/auth/admin/check-role", {
+ const response = await axiosInstance.get(AUTH_ENDPOINTS.ADMIN.CHECK_ROLE, {
headers: {
Authorization: `Bearer ${accessToken}`,
},
@@ -37,7 +47,7 @@ class adminAuthServices {
}
static async getUserInfo(accessToken) {
try {
- const response = await axiosInstance.get("/auth/admin/current", {
+ const response = await axiosInstance.get(AUTH_ENDPOINTS.ADMIN.CURRENT, {
headers: {
Authorization: `Bearer ${accessToken}`,
},
@@ -50,4 +60,4 @@ class adminAuthServices {
}
}
-export default adminAuthServices;
+export default AdminAuthServices;
diff --git a/src/styles/admin-auth.css b/src/styles/admin-auth.css
new file mode 100644
index 0000000..bbfdccd
--- /dev/null
+++ b/src/styles/admin-auth.css
@@ -0,0 +1,111 @@
+@keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(30px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes slideInLeft {
+ from {
+ opacity: 0;
+ transform: translateX(-30px);
+ }
+ to {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ opacity: 0.2;
+ }
+ 50% {
+ opacity: 0.4;
+ }
+}
+
+@keyframes float {
+ 0%, 100% {
+ transform: translateY(0px);
+ }
+ 50% {
+ transform: translateY(-10px);
+ }
+}
+
+.login-form-container {
+ animation: fadeInUp 0.8s ease-out;
+}
+
+.login-form-field {
+ animation: slideInLeft 0.6s ease-out;
+}
+
+.login-form-field:nth-child(1) {
+ animation-delay: 0.1s;
+}
+
+.login-form-field:nth-child(2) {
+ animation-delay: 0.2s;
+}
+
+.login-form-field:nth-child(3) {
+ animation-delay: 0.3s;
+}
+
+.admin-logo {
+ animation: float 3s ease-in-out infinite;
+}
+
+.ant-input:focus,
+.ant-input-password-input:focus {
+ box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
+ border-color: #3b82f6 !important;
+}
+
+.login-btn:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+}
+
+.bg-decoration {
+ animation: pulse 4s ease-in-out infinite;
+}
+
+.bg-decoration:nth-child(2) {
+ animation-delay: 1s;
+}
+
+.bg-decoration:nth-child(3) {
+ animation-delay: 2s;
+}
+
+.glass-card {
+ backdrop-filter: blur(16px);
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.ant-btn-loading .ant-btn-loading-icon {
+ animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(360deg); }
+}
+
+@media (max-width: 768px) {
+ .login-form-container {
+ padding: 1rem;
+ }
+}
+
+.ant-message {
+ animation: slideInLeft 0.5s ease-out;
+}
\ No newline at end of file
diff --git a/src/utils/adminAuthUtils.js b/src/utils/adminAuthUtils.js
new file mode 100644
index 0000000..9d7f1d4
--- /dev/null
+++ b/src/utils/adminAuthUtils.js
@@ -0,0 +1,47 @@
+// Utility for creating loading skeleton
+export const LoadingSkeleton = () => {
+ return (
+
+ );
+};
+
+// Utility for enhanced form validation messages
+export const getValidationMessage = (field, value) => {
+ const messages = {
+ username: {
+ required: "🔒 Tên đăng nhập là bắt buộc",
+ minLength: "📏 Tên đăng nhập phải có ít nhất 3 ký tự",
+ maxLength: "📏 Tên đăng nhập không được quá 50 ký tự",
+ pattern: "⚠️ Chỉ được sử dụng chữ cái và số"
+ },
+ password: {
+ required: "🔐 Mật khẩu là bắt buộc",
+ minLength: "📏 Mật khẩu phải có ít nhất 8 ký tự",
+ maxLength: "📏 Mật khẩu không được quá 20 ký tự",
+ pattern: "🔧 Mật khẩu cần có: chữ hoa, chữ thường, số và ký tự đặc biệt"
+ }
+ };
+
+ return messages[field] || {};
+};
+
+// Enhanced success messages
+export const getSuccessMessage = (type) => {
+ const messages = {
+ login: "🎉 Đăng nhập thành công! Chào mừng bạn trở lại.",
+ logout: "👋 Đăng xuất thành công. Hẹn gặp lại!",
+ update: "✅ Cập nhật thành công!",
+ delete: "🗑️ Xóa thành công!",
+ create: "🆕 Tạo mới thành công!"
+ };
+
+ return messages[type] || "✅ Thành công!";
+};
\ No newline at end of file
diff --git a/src/utils/logoutAdmin.js b/src/utils/logoutAdmin.js
index a8d576d..2f33a71 100644
--- a/src/utils/logoutAdmin.js
+++ b/src/utils/logoutAdmin.js
@@ -1,18 +1,18 @@
-import adminAuthServices from "@/services/authServices/adminAuthServices";
+import AdminAuthServices from "@/services/authServices/AdminAuthServices";
+
+const clearAuthData = (setAdmin, navigate) => {
+ localStorage.removeItem("admin");
+ setAdmin(null);
+ navigate("/auth/admin/login");
+}
const logoutAdmin = async (setAdmin, navigate) => {
try {
- localStorage.removeItem("admin");
- setAdmin(null);
- navigate("/auth/admin/login");
- // const response = await adminAuthServices.logout();
- // if (response) {
- // localStorage.removeItem("admin");
- // setAdmin(null);
- // navigate("/auth/admin/login");
- // }
+ await AdminAuthServices.logout();
} catch (error) {
console.log(error);
+ } finally {
+ clearAuthData(setAdmin, navigate);
}
};
diff --git a/src/validation/auth/adminAuthValidation.js b/src/validation/auth/adminAuthValidation.js
new file mode 100644
index 0000000..c46e5c5
--- /dev/null
+++ b/src/validation/auth/adminAuthValidation.js
@@ -0,0 +1,54 @@
+export const ADMIN_VALIDATION_PATTERNS = {
+ username: /^[a-zA-Z0-9]+$/,
+ strongPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*(),.?":{}|<>]).*$/,
+};
+
+export const ADMIN_AUTH_VALIDATION_RULES = {
+ username: [
+ {
+ required: true,
+ message: "Vui lòng nhập tên đăng nhập!",
+ },
+ {
+ min: 3,
+ message: "Tên đăng nhập phải có ít nhất 3 ký tự!",
+ },
+ {
+ max: 50,
+ message: "Tên đăng nhập không được quá 50 ký tự!",
+ },
+ {
+ pattern: ADMIN_VALIDATION_PATTERNS.username,
+ message: "Chỉ được sử dụng chữ cái và số, không có ký tự đặc biệt!",
+ },
+ ],
+
+ password: [
+ {
+ required: true,
+ message: "Vui lòng nhập mật khẩu!",
+ },
+ {
+ min: 8,
+ message: "Mật khẩu phải có ít nhất 8 ký tự!",
+ },
+ {
+ max: 20,
+ message: "Mật khẩu không được quá 20 ký tự!",
+ },
+ {
+ pattern: ADMIN_VALIDATION_PATTERNS.strongPassword,
+ message: "Mật khẩu cần có: chữ hoa, chữ thường, số và ký tự đặc biệt",
+ },
+ ],
+};
+
+export const ADMIN_FORM_FIELDS = {
+ username: {
+ rules: ADMIN_AUTH_VALIDATION_RULES.username,
+ },
+
+ password: {
+ rules: ADMIN_AUTH_VALIDATION_RULES.password,
+ },
+};
diff --git a/src/validation/auth/index.js b/src/validation/auth/index.js
new file mode 100644
index 0000000..f334e73
--- /dev/null
+++ b/src/validation/auth/index.js
@@ -0,0 +1 @@
+export * from "./adminAuthValidation";