add payments history tanstak-table

src/app/components/tanstak-table/TanstakTable.tsx

@@ -14,8 +14,8 @@ import {
 import { IconEye, IconDoubleArrowRight, IconArrowRight, IconDoubleArrowLeft, IconArrowLeft, IconArrowUp, IconArrowDown, IconFilter, IconFileDownload, IconShieldExclamation, IconInfo } from '@/app/ui/icons/icons';
 import { useTranslations, useLocale } from 'next-intl';
 import DropDownList from '@/app/components/DropDownList';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { getUserFilesData, removeUserFile, viewFileInfo } from '@/app/actions/fileEntity';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { getUserFilesData, viewFileInfo } from '@/app/actions/fileEntity';
 import ModalWindow from '@/app/components/ModalWindow';
 import { toast } from 'sonner';
 import { pluralize } from '@/app/lib/pluralize';
@@ -25,7 +25,7 @@ import { FileMonitoringModalWindow } from '@/app/ui/modal-windows/file-monitorin
 import { FileTypeIcon } from '@/app/components/FileTypeIcon';
 import { fetchReferralUserStats } from '@/app/actions/referralsActions';
 import { MonitoringDropDown } from '@/app/components/tanstak-table/MonitoringDropDown';
-import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
+import {formatDate, formatDateTime} from '@/app/lib/formatDate';
 
 type FileType = 'image' | 'video' | 'audio';
 
@@ -59,24 +59,6 @@ type ApiResponse = {
 	files?: ApiFile[];
 };
 
-// Форматирование даты из timestamp
-const formatDate = (timestamp: number) => {
-	const date = new Date(timestamp);
-	const day = date.getDate().toString().padStart(2, '0');
-	const month = (date.getMonth() + 1).toString().padStart(2, '0');
-	const year = date.getFullYear();
-
-	return `${day}.${month}.${year}`;
-};
-
-const formatDateTime = (timestamp: number) => {
-	const date = new Date(timestamp);
-	const hours = date.getHours().toString().padStart(2, '0');
-	const minutes = date.getMinutes().toString().padStart(2, '0');
-
-	return `${hours}:${minutes}`;
-};
-
 const cutFileName = (fileName: string) => {
 	const MAX_FILE_NAME_LENGTH = 26;
 	const lastDotIndex = fileName.lastIndexOf('.');
@@ -367,6 +349,8 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 									{formatDate(row.original.uploadDate)}
 									<br />
 									{formatDateTime(row.original.uploadDate)}
+									<br />
+									{row.original.uploadDate}
 								</>
 							) : (
 								<div>-</div>
@@ -583,7 +567,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 		}
 
 		return result;
-	}, [tableData, typeFilter, dateFilter]); //tut
+	}, [tableData, typeFilter, dateFilter]);
 
 	useEffect(() => {
 		const currentPageRows = table.getRowModel().rows;