refactor

src/app/[locale]/pages/marking-audio/page.tsx

@@ -1,7 +1,7 @@
 import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
 import FilesTable from '@/app/ui/dashboard/files-table';
 import PageTitle from '@/app/ui/page-title';
-import UploadSectionFile from '@/app/components/upload-section-file';
+import UploadSectionFile from '@/app/components/UploadSectionFile';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 import { StackedBarChart } from '@/app/components/StackedBarChart';
 import PageTitleColorFrame from '@/app/ui/page-title-color-frame';

src/app/[locale]/pages/marking-images/page.tsx

@@ -1,5 +1,5 @@
 import FilesTable from '@/app/ui/dashboard/files-table';
-import UploadSectionFile from '@/app/components/upload-section-file';
+import UploadSectionFile from '@/app/components/UploadSectionFile';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
 import ProtectionStatistic from '@/app/ui/marking-page/new/protection-statistic';

src/app/[locale]/pages/marking-video/page.tsx

@@ -1,7 +1,7 @@
 import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
 import FilesTable from '@/app/ui/dashboard/files-table';
 import PageTitle from '@/app/ui/page-title';
-import UploadSectionFile from '@/app/components/upload-section-file';
+import UploadSectionFile from '@/app/components/UploadSectionFile';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 import { StackedBarChart } from '@/app/components/StackedBarChart';
 import PageTitleColorFrame from '@/app/ui/page-title-color-frame';

src/app/components/UploadSectionFile.tsx

@@ -253,6 +253,7 @@ export default function UploadSectionFile({ fileType, allowedExtensions, maxFile
 				setIsFileUploaded(true);
 				await queryClient.invalidateQueries({ queryKey: ['userFilesData'] });
 				await queryClient.invalidateQueries({ queryKey: ['userFilesInfo'] });
+				await queryClient.invalidateQueries({ queryKey: ['userData'] });
 			} else {
 				throw new Error('Not all chunks were uploaded');
 			}

src/app/components/tanstakTable.tsx

@@ -13,10 +13,10 @@ import {
 } from '@tanstack/react-table';
 import { IconEye, IconDoubleArrowRight, IconArrowRight, IconDoubleArrowLeft, IconArrowLeft, IconArrowUp, IconArrowDown, IconFilter, IconFileDownload, IconShieldExclamation } from '@/app/ui/icons/icons';
 import { useTranslations, useLocale } from 'next-intl';
-import DropDownList from '@/app/components/dropDownList';
+import DropDownList from '@/app/components/DropDownList';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { getUserFilesData, removeUserFile, viewFileInfo } from '@/app/actions/fileEntity';
-import ModalWindow from '@/app/components/modalWindow';
+import ModalWindow from '@/app/components/ModalWindow';
 import { toast } from 'sonner';
 import { pluralize } from '@/app/lib/pluralize';
 import { convertBytes } from '@/app/lib/convertBytes';

src/app/ui/dashboard/files-table.tsx

@@ -1,4 +1,4 @@
-import TanstakFilesTable from '@/app/components/tanstakTable';
+import TanstakFilesTable from '@/app/components/TanstakTable';
 
 type FilesTable = {
 	fileType: string

src/app/ui/payment/payment-tab-tariffs.tsx

@@ -3,6 +3,7 @@
 import { getUserData } from '@/app/actions/action';
 import { useQuery } from '@tanstack/react-query';
 import { convertBytes } from '@/app/lib/convertBytes';
+import { useTranslations } from 'next-intl';
 
 export default function PaymentTabTariffs() {
 	const {
@@ -17,6 +18,8 @@ export default function PaymentTabTariffs() {
 		}
 	});
 
+	const t = useTranslations('Global');
+
 	return (
 		<div className="tab-content">
 			<div className="billing-toggle" style={{ display: 'none' }}>
@@ -46,7 +49,9 @@ export default function PaymentTabTariffs() {
 							<div className="plan-header">
 								<div className="plan-icon">🚀</div>
 								<h3 className="plan-name">
-									{item.name}
+									{
+										t.has(item.name) ? t(item.name) : item.name
+									}
 								</h3>
 								<div className="plan-price">
 									{item.price}

src/app/ui/search/searched-user-files-list.tsx

@@ -2,7 +2,7 @@ import { convertBytes } from '@/app/lib/convertBytes';
 import { toast } from 'sonner';
 import { useState, ReactNode } from 'react';
 import { useTranslations } from 'next-intl';
-import ModalWindow from '@/app/components/modalWindow';
+import ModalWindow from '@/app/components/ModalWindow';
 import { IconEye, IconDownload } from '@/app/ui/icons/icons';
 
 export function SearchedUserFilesList({ list }: { list: any }) {