[] => {
+ return [
+ {
+ key: 'user',
+ title: 'کاربر',
+ render: (item: Review) => {
+ const name = [item.user.firstName, item.user.lastName].filter(Boolean).join(' ')
+ return name || '-'
+ }
+ },
+ {
+ key: 'food',
+ title: 'غذا',
+ render: (item: Review) => {
+ return item.food.title || '-'
+ }
+ },
+ {
+ key: 'rating',
+ title: 'امتیاز',
+ render: (item: Review) => {
+ return (
+
+ )
+ }
+ },
+ {
+ key: 'comment',
+ title: 'نظر',
+ render: (item: Review) => {
+ return (
+
+ {item.comment || '-'}
+
+ )
+ }
+ },
+ {
+ key: 'status',
+ title: 'وضعیت',
+ render: (item: Review) => {
+ const statusLabels: Record = {
+ 'pending': 'در انتظار',
+ 'approved': 'تایید شده',
+ 'rejected': 'رد شده',
+ }
+ return (
+
+ )
+ }
+ },
+ {
+ key: 'createdAt',
+ title: 'تاریخ ثبت',
+ render: (item: Review) => {
+ return formatOptionalDate(item.createdAt, {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ hour: '2-digit',
+ minute: '2-digit',
+ })
+ }
+ },
+ {
+ key: 'details',
+ title: '',
+ render: (item: Review) => {
+ return (
+
+
+
+ )
+ }
+ },
+ ]
+}
diff --git a/src/pages/review/hooks/useReviewData.ts b/src/pages/review/hooks/useReviewData.ts
new file mode 100644
index 0000000..72d1054
--- /dev/null
+++ b/src/pages/review/hooks/useReviewData.ts
@@ -0,0 +1,9 @@
+import * as api from "../service/ReviewService";
+import { useQuery } from "@tanstack/react-query";
+
+export const useGetReviews = (params?: Record) => {
+ return useQuery({
+ queryKey: ["reviews", params],
+ queryFn: () => api.getReviews(params),
+ });
+};
diff --git a/src/pages/review/hooks/useReviewFilters.ts b/src/pages/review/hooks/useReviewFilters.ts
new file mode 100644
index 0000000..d420d8f
--- /dev/null
+++ b/src/pages/review/hooks/useReviewFilters.ts
@@ -0,0 +1,50 @@
+import { useState, useMemo } from "react";
+import type { FilterValues } from "@/components/Filters";
+
+const DEFAULT_PAGE = 1;
+const DEFAULT_LIMIT = 10;
+
+export const useReviewFilters = () => {
+ const [filters, setFilters] = useState({});
+ const [currentPage, setCurrentPage] = useState(DEFAULT_PAGE);
+ const [limit] = useState(DEFAULT_LIMIT);
+
+ const apiParams = useMemo(() => {
+ const params: Record = {
+ page: currentPage,
+ limit: limit,
+ };
+
+ if (filters.search) {
+ params.search = filters.search as string;
+ }
+
+ if (filters.status) {
+ params.status = filters.status as string;
+ }
+
+ if (filters.rating) {
+ params.rating = filters.rating as string;
+ }
+
+ return params;
+ }, [filters, currentPage, limit]);
+
+ const handleFiltersChange = (newFilters: FilterValues) => {
+ setFilters(newFilters);
+ setCurrentPage(DEFAULT_PAGE);
+ };
+
+ const handlePageChange = (page: number) => {
+ setCurrentPage(page);
+ };
+
+ return {
+ filters,
+ currentPage,
+ apiParams,
+ handleFiltersChange,
+ handlePageChange,
+ limit,
+ };
+};
diff --git a/src/pages/review/service/ReviewService.ts b/src/pages/review/service/ReviewService.ts
new file mode 100644
index 0000000..46a51b3
--- /dev/null
+++ b/src/pages/review/service/ReviewService.ts
@@ -0,0 +1,11 @@
+import axios from "@/config/axios";
+import type { GetReviewsResponse } from "../types/Types";
+
+export const getReviews = async (
+ params?: Record
+): Promise => {
+ const { data } = await axios.get("/admin/reviews", {
+ params,
+ });
+ return data;
+};
diff --git a/src/pages/review/types/Types.ts b/src/pages/review/types/Types.ts
new file mode 100644
index 0000000..c909ad4
--- /dev/null
+++ b/src/pages/review/types/Types.ts
@@ -0,0 +1,67 @@
+import type { IResponse } from "@/types/response.types";
+import type { RowDataType } from "@/components/types/TableTypes";
+
+export interface ReviewFood {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ deletedAt: string | null;
+ restaurant: string;
+ category: string;
+ title: string;
+ desc: string;
+ content: string | null;
+ price: number;
+ points: number | null;
+ order: number | null;
+ prepareTime: number | null;
+ sat: boolean;
+ sun: boolean;
+ mon: boolean;
+ breakfast: boolean;
+ noon: boolean;
+ dinner: boolean;
+ stock: number;
+ stockDefault: number;
+ isActive: boolean;
+ images: string[];
+ inPlaceServe: boolean;
+ pickupServe: boolean;
+ rate: number;
+ discount: number;
+ isSpecialOffer: boolean;
+}
+
+export interface ReviewUser {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ deletedAt: string | null;
+ firstName: string;
+ lastName: string;
+ birthDate: string;
+ marriageDate: string;
+ referrer: string | null;
+ isActive: boolean;
+ gender: boolean;
+ wallet: number;
+ points: number;
+ phone: string;
+}
+
+export interface Review extends RowDataType {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ deletedAt: string | null;
+ order: string;
+ food: ReviewFood;
+ user: ReviewUser;
+ comment: string;
+ rating: number;
+ positivePoints: string[];
+ negativePoints: string[];
+ status: string;
+}
+
+export type GetReviewsResponse = IResponse;
diff --git a/src/router/Main.tsx b/src/router/Main.tsx
index 88c2207..f0c1db4 100644
--- a/src/router/Main.tsx
+++ b/src/router/Main.tsx
@@ -36,6 +36,7 @@ import UpdateShipmentMethod from '@/pages/shipmentMethod/Update'
import CouponsList from '@/pages/coupon/List'
import CreateCoupon from '@/pages/coupon/Create'
import UpdateCoupon from '@/pages/coupon/Update'
+import ReviewsList from '@/pages/review/List'
const MainRouter: FC = () => {
const { hasSubMenu } = useSharedStore()
@@ -87,6 +88,8 @@ const MainRouter: FC = () => {
} />
} />
} />
+
+ } />
diff --git a/src/shared/SideBar.tsx b/src/shared/SideBar.tsx
index faf8a1f..8f58d97 100644
--- a/src/shared/SideBar.tsx
+++ b/src/shared/SideBar.tsx
@@ -2,7 +2,7 @@ import { type FC, useEffect } from 'react'
import LogoImage from '../assets/images/logo.svg'
import LogoSmall from '../assets/images/logo-small.svg'
import { useTranslation } from 'react-i18next'
-import { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart, Calendar, Security, Card, SecurityUser, TruckFast, Element3 } from 'iconsax-react'
+import { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart, Calendar, Security, Card, SecurityUser, TruckFast, Element3, Star1 } from 'iconsax-react'
import SideBarItem from './SideBarItem'
import { useLocation } from 'react-router-dom'
import { Pages } from '../config/Pages'
@@ -120,6 +120,15 @@ const SideBar: FC = () => {
activeName='customers'
/>
+ }
+ title={t('sidebar.reviews')}
+ isActive={isActive('reviews')}
+ link={Pages.reviews.list}
+ name='reviews'
+ activeName='reviews'
+ />
+
}
title={t('sidebar.admins')}