+ {/* ----------------------------------------- */}
+ {/* 1. بخش لیست تیکتها (Sidebar) */}
+ {/* در موبایل اگر تیکتی انتخاب شده باشد، این بخش مخفی میشود */}
+
+ {/* سرچ باکس لیست تیکت */}
+
+
+ {/* لیست تیکتها */}
+
+ {isTicketsLoading ? (
+ // لودینگ لیست
+ Array.from({ length: 5 }).map((_, i) => (
+
+ ))
+ ) : ticketsList.length === 0 ? (
+ // حالت خالی
+
+
+ هیچ تیکتی ثبت نشده است
+
+ ) : (
+ ticketsList?.map((ticket) => {
+ const statusInfo = getStatusStyle(ticket.status);
+ const StatusIcon = statusInfo.icon;
+ const isSelected = selectedTicketId === ticket.id;
+
+ return (
+
setSelectedTicketId(ticket.id)}
+ className={`cursor-pointer p-4 rounded-2xl border transition-all duration-200 ${
+ isSelected
+ ? "bg-salona-50 border-salona-200 shadow-sm"
+ : "bg-white border-gray-100 hover:border-salona-200 hover:shadow-sm"
+ }`}
+ >
+
+
+ {ticket.subject}
+
+
+ {new Date(ticket.created_at).toLocaleDateString("fa-IR")}
+
+
+
+
+ #TK-{ticket.id}
+
+
+
+ {statusInfo.label}
+
+
+
+ );
+ })
+ )}
+
+
+
+ {/* ----------------------------------------- */}
+ {/* 2. بخش چت و جزئیات تیکت (Main View) */}
+
+ {!selectedTicketId ? (
+ // حالت انتخاب نشدن تیکت در دسکتاپ
+
+
+
+
+
یک تیکت را برای مشاهده انتخاب کنید
+
+ ) : (
+ <>
+ {/* هدر چت */}
+
+
+
+
+
+ {ticketDetail?.subject || "در حال بارگذاری..."}
+
+
+ شماره پیگیری: #{selectedTicketId}
+
+
+
+
+ {ticketDetail && (
+
+ {getStatusStyle(ticketDetail.status).label}
+
+ )}
+
+
+ {/* بدنه چت (محل نمایش پیامها) */}
+
+ {isDetailLoading ? (
+
+
+
+ ) : (
+ ticketDetail?.messages?.map((msg: TicketMessage) => {
+ const isAdmin = msg.is_admin;
+
+ return (
+
+
+ {/* آواتار فرستنده */}
+
+
+ {isAdmin ? (
+
+ ) : (
+
+ )}
+
+
+
+ {/* حباب پیام */}
+
+
+ {msg.content}
+
+
+ {new Date(msg.created_at).toLocaleTimeString("fa-IR", {
+ hour: "2-digit",
+ minute: "2-digit",
+ })}
+
+
+
+
+ );
+ })
+ )}
+
+
+
+ {/* بخش ارسال پیام */}
+ {ticketDetail?.status !== "closed" ? (
+
+ ) : (
+ <>
+ {comment.title &&
{comment.title}
}
+
{comment.comment}
+
+ )}
+
+ {/* Action Buttons */}
+
+ {!isReply && currentUser && !isCurrentlyEditing && (
+
+ )}
+
+ {/* Edit & Delete Buttons for Comment Owner */}
+ {isMine && !isCurrentlyEditing && (
+
+
+
+
+ )}
+
+
+ {/* Replies Rendering */}
+ {comment.replies && comment.replies.length > 0 && (
+
+ {comment.replies.map((reply: any) => (
+
+ ))}
+
+ )}
+
+ );
+ };
+
+ return (
+
+
+
+
نظرات کاربران
+
+ {response?.total || 0} نظر
+
+
+
+
+ {/* بخش فرم ثبت نظر */}
+
+
+
ثبت دیدگاه جدید
+
+ {currentUser ? (
+
+ ) : (
+
+ )}
+
+
+
+ {/* بخش لیست نظرات */}
+
+
+ {isLoading ? (
+
+ {[1, 2, 3].map((i) => (
+
+ ))}
+
+ ) : comments.length > 0 ? (
+ comments.map((comment: any) =>
)
+ ) : (
+
+
+
هنوز دیدگاهی ثبت نشده است
+
+ شما اولین نفری باشید که در مورد این محصول نظر میدهید.
+
+
+ )}
+
+
+ {/* بخش صفحهبندی (Pagination) */}
+ {response && response.pages > 1 && (
+
+
+
+ صفحه {response.current_page} از {response.pages}
+
+
+
+ )}
+
+
+
+ );
+};
+
+export default ProductComments;
diff --git a/src/components/products/ProductCard.tsx b/src/components/shared/ProductsCard/index.tsx
similarity index 51%
rename from src/components/products/ProductCard.tsx
rename to src/components/shared/ProductsCard/index.tsx
index ad67f6a..503e2c1 100644
--- a/src/components/products/ProductCard.tsx
+++ b/src/components/shared/ProductsCard/index.tsx
@@ -1,23 +1,17 @@
"use client";
import Link from "next/link";
-import { useDispatch, useSelector } from "react-redux";
-import { ShoppingCart, Heart, Star, AlertCircle, Plus, Minus, Loader2 } from "lucide-react";
+import { Heart, Star, AlertCircle, Loader2 } from "lucide-react";
import type { Product } from "@/types/api";
-import { addToCart, removeFromCart } from "@/store/slices/cartSlice";
-// فقط متدهای اکشن (Mutation) ایمپورت میشوند
import { useAddFavorite, useDeleteFavorite } from "@/services/useFavorites";
interface ProductCardProps {
product: Product;
- // پراپهای جدید برای مدیریت علاقهمندی از سمت والد
isFavorited?: boolean;
favoriteId?: number;
}
export const ProductCard = ({ product, isFavorited = false, favoriteId }: ProductCardProps) => {
- const dispatch = useDispatch();
-
const { mutate: addFavorite, isPending: isAdding } = useAddFavorite();
const { mutate: removeFavorite, isPending: isRemoving } = useDeleteFavorite();
@@ -26,30 +20,14 @@ export const ProductCard = ({ product, isFavorited = false, favoriteId }: Produc
const mainImage = product.images && product.images.length > 0 ? product.images[0] : "/placeholder.png";
const isOutOfStock = product.stock === 0;
- const cartItem = useSelector((state: any) => state.cart.items.find((item: any) => item.id === String(product.id)));
- const quantityInCart = cartItem ? cartItem.quantity : 0;
-
- const handleAddToCart = (e: React.MouseEvent) => {
- e.preventDefault();
- e.stopPropagation();
- if (isOutOfStock) return;
-
- dispatch(
- addToCart({
- id: String(product.id),
- name: product.name,
- price: product.final_price || 0,
- quantity: 1,
- image: mainImage,
- }),
- );
- };
-
- const handleRemoveFromCart = (e: React.MouseEvent) => {
- e.preventDefault();
- e.stopPropagation();
- dispatch(removeFromCart(String(product.id)));
- };
+ // محاسبه وضعیت تخفیف
+ // فرض بر این است که قیمت اصلی در product.price قرار دارد.
+ // در صورت تفاوت نام فیلد در بکاند، این قسمت را ویرایش کنید.
+ const originalPrice = (product as any).price || product.final_price;
+ const hasDiscount = originalPrice && product.final_price ? originalPrice > product.final_price : false;
+ const discountPercent = hasDiscount
+ ? Math.round(((originalPrice - (product.final_price || 0)) / originalPrice) * 100)
+ : 0;
const handleToggleFavorite = (e: React.MouseEvent) => {
e.preventDefault();
@@ -58,16 +36,14 @@ export const ProductCard = ({ product, isFavorited = false, favoriteId }: Produc
if (isFavoriteLoading) return;
if (isFavorited && favoriteId) {
- // حذف از علاقهمندیها با استفاده از شناسه رکورد پاس داده شده
removeFavorite(favoriteId);
} else {
- // افزودن محصول به علاقهمندیها
addFavorite(product.id);
}
};
return (
-
+
![]()
) : (
- // استفاده از کلاس fill-current برای توپر شدن قلب در صورت علاقهمندی
)}
@@ -132,55 +107,40 @@ export const ProductCard = ({ product, isFavorited = false, favoriteId }: Produc
-
-
- {isOutOfStock ? (
-
در حال حاضر موجود نیست
- ) : (
-
-
- {product.final_price?.toLocaleString()}
-
-
تومان
+
+ {isOutOfStock ? (
+
+ در حال حاضر موجود نیست
+
+ ) : (
+ <>
+ {/* جایگزین سبد خرید: نمایش درصد تخفیف (در صورت وجود) */}
+
+ {hasDiscount ? (
+
+ {discountPercent}٪
+
+ ) : (
+
// فضای خالی برای تراز ماندن المانها
+ )}
- )}
-
-
- {isOutOfStock ? (
-
- ) : quantityInCart > 0 ? (
-
-
-
- {quantityInCart}
-
-
+ {/* بخش قیمت اصلی خطخورده و قیمت نهایی */}
+
+ {hasDiscount && (
+
+ {originalPrice?.toLocaleString()}
+
+ )}
+
+
+ {product.final_price?.toLocaleString()}
+
+ تومان
+
- ) : (
-
- )}
-
+
+ )}
diff --git a/src/services/useComment.ts b/src/services/useComment.ts
new file mode 100644
index 0000000..647ca64
--- /dev/null
+++ b/src/services/useComment.ts
@@ -0,0 +1,136 @@
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { axiosInstance } from "@/lib/axios";
+
+// ==========================================
+// 1. تعریف تایپها (Types & Interfaces)
+// ==========================================
+
+export interface ProductSummary {
+ id: number;
+ name: string;
+ slug: string;
+}
+
+export interface Comment {
+ id: number;
+ product_id: number;
+ user_id: number;
+ author: string;
+ parent_id: number | null;
+ title: string | null;
+ comment: string;
+ is_verified_purchase: boolean;
+ helpful_count: number;
+ created_at: string;
+ replies: Comment[]; // پشتیبانی از کامنتهای تودرتو (Threaded)
+}
+
+export interface CommentsResponse {
+ product: ProductSummary;
+ comments: Comment[];
+ total: number;
+ pages: number;
+ current_page: number;
+ per_page: number;
+ has_next: boolean;
+ has_prev: boolean;
+}
+
+export interface CommentFilters {
+ page?: number;
+ per_page?: number;
+}
+
+export interface CreateCommentPayload {
+ comment: string;
+ title?: string;
+ parent_id?: number;
+ is_verified_purchase?: boolean;
+}
+
+export interface UpdateCommentPayload {
+ title?: string;
+ comment?: string;
+ is_verified_purchase?: boolean;
+}
+
+// ==========================================
+// 2. هوکهای دریافت داده (Queries)
+// ==========================================
+
+// دریافت کامنتهای یک محصول همراه با صفحهبندی
+export const useProductComments = (productId: string | number, page:number = 1) => {
+ return useQuery({
+ queryKey: ["product-comments", productId, page],
+ queryFn: async () => {
+ const { data } = await axiosInstance.get
(`/get_product_comments/${productId}/${page}`);
+ return data;
+ },
+ enabled: !!productId,
+ retry: false,
+ });
+};
+
+// ==========================================
+// 3. هوکهای تغییر داده (Mutations)
+// ==========================================
+
+// ثبت کامنت جدید برای محصول
+export const useAddProductComment = (productId: string | number) => {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: async (payload: CreateCommentPayload) => {
+ const { data } = await axiosInstance.post<{ message: string; comment: Comment }>(
+ `/add_product_comment/${productId}`,
+ payload,
+ );
+ return data;
+ },
+ onSuccess: () => {
+ // پس از ثبت موفق، لیست کامنتهای این محصول را بروزرسانی میکنیم
+ queryClient.invalidateQueries({ queryKey: ["product-comments", productId] });
+ },
+ });
+};
+
+// ویرایش کامنت موجود
+export const useEditProductComment = () => {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: async ({ commentId, payload }: { commentId: string | number; payload: UpdateCommentPayload }) => {
+ const { data } = await axiosInstance.put<{ message: string; comment: Comment }>(
+ `/edit_product_comment/${commentId}`,
+ payload,
+ );
+ return data;
+ },
+ onSuccess: (data) => {
+ // برای سادگی، کل کامنتهای مربوط به محصولِ این کامنت بروزرسانی میشود
+ if (data.comment?.product_id) {
+ queryClient.invalidateQueries({ queryKey: ["product-comments", data.comment.product_id] });
+ }
+ },
+ });
+};
+
+// حذف کامنت
+export const useDeleteProductComment = () => {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: async (commentId: string | number) => {
+ const { data } = await axiosInstance.delete<{ message: string; id_deleted: number }>(
+ `/delete_product_comment/${commentId}`,
+ );
+ return data;
+ },
+ onSuccess: () => {
+ // از آنجایی که ID محصول را به صورت مستقیم در پاسخ حذف نداریم،
+ // میتوانیم تمام کشهای مربوط به کامنتها را منقضی کنیم
+ // یا آن را از کامپوننت فراخوانی کننده مدیریت کنیم.
+ queryClient.invalidateQueries({ queryKey: ["product-comments"] });
+ },
+ });
+};
diff --git a/src/services/useFavorites.ts b/src/services/useFavorites.ts
index e7ba610..c5e4c8c 100644
--- a/src/services/useFavorites.ts
+++ b/src/services/useFavorites.ts
@@ -8,13 +8,14 @@ interface FavoritesResponse {
}
// 1. دریافت لیست علاقهمندیها
-export const useFavorites = () => {
+export const useFavorites = (isAuthenticated: boolean = true) => {
return useQuery({
queryKey: ["favorites"],
queryFn: async () => {
const { data } = await axiosInstance.get("/api/users/me/favorites");
return data;
},
+ enabled: isAuthenticated,
retry:false
});
};
diff --git a/src/services/useProducts.ts b/src/services/useProducts.ts
index 00ff50a..aaa404e 100644
--- a/src/services/useProducts.ts
+++ b/src/services/useProducts.ts
@@ -1,10 +1,16 @@
import { useQuery } from "@tanstack/react-query";
import { axiosInstance } from "@/lib/axios";
-import { Product, PaginationMeta } from "@/types/api";
+import { Product, SearchProductsParams, SearchProductsResponse } from "@/types/api";
interface ProductsResponse {
products: Product[];
- pagination: PaginationMeta;
+ // pagination: PaginationMeta;
+ current_page: number;
+ has_prev: Boolean;
+ has_next: number;
+ page: number;
+ per_page: number;
+ total: number;
}
interface ProductFilters {
@@ -23,7 +29,7 @@ export const useProducts = (filters: ProductFilters) => {
});
return data;
},
- retry:false
+ retry: false,
});
};
@@ -36,6 +42,27 @@ export const useProductDetail = (productId: string | number) => {
return data;
},
enabled: !!productId, // کوئری فقط زمانی اجرا میشود که آیدی محصول وجود داشته باشد
- retry:false
+ retry: false,
+ });
+};
+
+const searchProducts = async (params: SearchProductsParams): Promise => {
+ // جدا کردن شماره صفحه از بقیه پارامترها برای قرار دادن در URL
+ const { page = 1, ...bodyParams } = params;
+
+ // فراخوانی API با متد POST
+ const response = await axiosInstance.post(`/api/products/search/${page}`, bodyParams);
+
+ return response.data;
+};
+
+export const useSearchProducts = (params: SearchProductsParams) => {
+ return useQuery({
+ // کلید کوئری: هر تغییری در params باعث فچ شدن مجدد دیتا میشود
+ queryKey: ["products", "search", params],
+ queryFn: () => searchProducts(params),
+ // در صورت نیاز به حفظ دیتای قبلی هنگام تغییر صفحه (برای جلوگیری از پرش UI)
+ // keepPreviousData: true,
+ // staleTime: 60000, // در صورت نیاز به تنظیم کش
});
};
diff --git a/src/services/useSearch.ts b/src/services/useSearch.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/services/useTickets.ts b/src/services/useTickets.ts
index 6923af0..7567278 100644
--- a/src/services/useTickets.ts
+++ b/src/services/useTickets.ts
@@ -7,7 +7,7 @@ export const useTickets = (page: number = 1) => {
return useQuery({
queryKey: ["tickets", page],
queryFn: async () => {
- const { data } = await axiosInstance.get("/api/tickets", { params: { page } });
+ const { data } = await axiosInstance.get(`/api/tickets/${page}`);
return data;
},
retry:false
diff --git a/src/services/useUser.ts b/src/services/useUser.ts
index 00bd848..c14a69e 100644
--- a/src/services/useUser.ts
+++ b/src/services/useUser.ts
@@ -12,7 +12,8 @@ export type UpdateProfilePayload = {
};
// 1. دریافت اطلاعات کاربر فعلی (GET)
-export const useUserProfile = () => {
+// پارامتر isAuthenticated اضافه شد تا اجرای ریکوئست را کنترل کند
+export const useUserProfile = (isAuthenticated: boolean = true) => {
return useQuery({
// استفاده از یک کلید یکتا برای کش کردن اطلاعات کاربر
queryKey: ["userProfile"],
@@ -20,7 +21,9 @@ export const useUserProfile = () => {
const { data } = await axiosInstance.get("/api/users/me");
return data;
},
- retry:false
+ // تا زمانی که isAuthenticated برابر با false باشد، این ریکوئست به سمت سرور ارسال نمیشود
+ enabled: isAuthenticated,
+ retry: false
});
};
@@ -38,6 +41,6 @@ export const useUpdateUserProfile = () => {
// تا اطلاعات جدید بلافاصله از سرور دریافت و در رابط کاربری (UI) بروزرسانی شود
queryClient.invalidateQueries({ queryKey: ["userProfile"] });
},
- retry:false
+ retry: false
});
};
diff --git a/src/types/api.ts b/src/types/api.ts
index f5426f8..5f9509a 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -19,7 +19,7 @@ export interface Category {
level: number;
full_path: string;
product_count: number;
- image_url: string | null;
+ image_url: string | null;
is_active: boolean;
children?: Category[];
}
@@ -48,17 +48,21 @@ export interface Product {
specifications?: Record;
}
-export interface PaginationMeta {
- page: number;
- per_page: number;
- total_pages: number;
- total_items: number;
-}
+// export interface PaginationMeta {
+// page: number;
+// per_page: number;
+// total_pages: number;
+// total_items: number;
+// }
// ایجاد اینترفیس اختصاصی برای ریسپانس لیست محصولات
export interface ProductsResponse {
products: Product[];
- pagination: PaginationMeta;
+ // pagination: PaginationMeta;
+ page: number;
+ per_page: number;
+ total_pages: number;
+ total_items: number;
}
// سایر تایپهای شما ...
@@ -89,3 +93,29 @@ export interface ReplyTicketPayload {
ticket_id: number;
content: string;
}
+
+// تایپ مربوط به پارامترهای ارسالی به API
+export interface SearchProductsParams {
+ page?: number;
+ q?: string;
+ min_price?: number;
+ max_price?: number;
+ category_id?: number | string;
+ is_active?: boolean;
+ is_digital?: boolean;
+ in_stock?: boolean;
+ sort_by?: "price_asc" | "price_desc" | "rating_desc" | "new";
+ page_per?: number;
+}
+
+// تایپ پاسخ دریافتی از سرور
+export interface SearchProductsResponse {
+ products: Product[];
+ total: number;
+ pages: number;
+ current_page: number;
+ per_page: number; // یا page_per (بر اساس متن فایل در صفحات مختلف دوگانگی وجود دارد)
+ has_next: boolean; // یا next_has
+ has_prev: boolean; // یا prev_has
+ query: Record;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index b522807..eb6b2b6 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -58,7 +58,26 @@ const config: Config = {
},
},
},
- plugins: [require("tailwindcss-animate")],
+ // plugins: [require("tailwindcss-animate")],
+
+ plugins: [
+ require("tailwindcss-animate"),
+ function ({ addUtilities }) {
+ addUtilities({
+ ".scrollbar-hide": {
+ "-ms-overflow-style": "none",
+ "scrollbar-width": "none",
+ "&::-webkit-scrollbar": { display: "none" },
+ },
+ ".text-shadow-white": {
+ textShadow: '4px -2px 4px #fff, 2px 2px 4px #fff',
+ },
+ ".text-shadow-gray": {
+ textShadow: '4px -2px 4px rgba(0,0,0,0.2), 2px 2px 4px rgba(0,0,0,0.2)',
+ },
+ });
+ },
+ ],
};
export default config;