hamedandClaude Sonnet 4.6
59e0a0fe4f
Security: - Disable SSL verification only in development (lib/req.js) - Wrap all JSON.parse(cookie) calls in try-catch via safeJsonParse utility - Sanitize dangerouslySetInnerHTML in blog/clinic with sanitizeHtml utility - Fix open redirect in payment page — validate URL origin before redirect - Fix cookie cleanup on 401 — use js-cookie with correct domain scope Performance: - Wrap ItemDoctor with React.memo to prevent unnecessary re-renders - Replace <img> with Next.js <Image> in blog Caption component Functionality: - Fix memory leak in Recode.js — store intervals in refs, cleanup on unmount - Add null guard on retryIcon.current before classList manipulation - Fix getParsedUserInfo in helper to handle malformed cookie gracefully Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
90 lines
2.3 KiB
JavaScript
90 lines
2.3 KiB
JavaScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import List from "./List";
|
|
import Head from "./Head";
|
|
import { request } from "@/services/response";
|
|
import Cookies from "js-cookie";
|
|
import { safeJsonParse } from "@/lib/sanitize";
|
|
|
|
function Transactions({ user, loading }) {
|
|
const [payments, setPayments] = useState([]);
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
const [page, setPage] = useState(1);
|
|
const [totalPages, setTotalPages] = useState(1);
|
|
const [status, setStatus] = useState(undefined); // undefined = all, 'pending', 'success', 'failed'
|
|
|
|
useEffect(() => {
|
|
const fetchPayments = async () => {
|
|
setIsLoading(true);
|
|
try {
|
|
const userInfo = Cookies.get("userInfo");
|
|
if (!userInfo) {
|
|
setIsLoading(false);
|
|
return;
|
|
}
|
|
|
|
const parsedData = safeJsonParse(userInfo);
|
|
if (!parsedData) { setIsLoading(false); return; }
|
|
const userId = parsedData.id || parsedData.uuid;
|
|
|
|
if (!userId) {
|
|
setIsLoading(false);
|
|
return;
|
|
}
|
|
|
|
const params = {
|
|
page,
|
|
limit: 10,
|
|
};
|
|
|
|
if (status) {
|
|
params.status = status;
|
|
}
|
|
|
|
const response = await request.getMyPayments(userId, params);
|
|
|
|
if (response?.data) {
|
|
setPayments(response.data);
|
|
if (response.page) {
|
|
setTotalPages(response.page.totalPages);
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error("Error fetching payments:", error);
|
|
} finally {
|
|
setIsLoading(false);
|
|
}
|
|
};
|
|
|
|
fetchPayments();
|
|
}, [page, status]);
|
|
|
|
const handlePageChange = (event, value) => {
|
|
setPage(value);
|
|
};
|
|
|
|
const handleStatusChange = (newStatus) => {
|
|
setStatus(newStatus);
|
|
setPage(1); // Reset to first page when status changes
|
|
};
|
|
|
|
return (
|
|
<div className="opacity-page">
|
|
<p className="text-[#3B3B3B] hidden md:block text-[16px] font-bold">
|
|
تاریخچه تراکنش ها
|
|
</p>
|
|
<Head status={status} setStatus={handleStatusChange} />
|
|
<List
|
|
user={{ ...user, turns: { done: payments } }}
|
|
loading={isLoading}
|
|
page={page}
|
|
totalPages={totalPages}
|
|
onPageChange={handlePageChange}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Transactions;
|