add local file serach in to header menu

src/app/ui/search/file-search-panel.tsx

@@ -196,24 +196,6 @@ export function FileSearchPanel(
 							</div>
 						</div>
 
-						{/* 						<div className="search-counter" id="search-counter">
-							<div className="counter-info">
-								<div className="counter-icon" id="counter-icon"></div>
-								<div className="counter-text">
-									<div className="counter-label">{t('global-searches-today')}</div>
-									<div className="counter-value" id="counter-value">0 {t('out-of')} 10</div>
-								</div>
-							</div>
-							<div className="progress-bar">
-								<div
-									className="progress-fill"
-									id="progress-fill"
-									style={{ width: '0%' }}
-								>
-								</div>
-							</div>
-						</div> */}
-
 						<div className={`global-loading ${loading ? 'show' : ''}`} id="global-loading">
 							<div className="global-spinner"></div>
 							<div className="global-loading-text" id="global-loading-text">

src/app/ui/search/section-search-file.tsx

@@ -9,6 +9,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { removeUserFile } from '@/app/actions/fileEntity';
 import { FileSearchPanel } from '@/app/ui/search/file-search-panel';
 import { getFileType } from '@/app/lib/getFileType';
+import { useAllFilesExtensions } from '@/app/hooks/react-query/useAllFilesExtensions';
 interface SelectedFile {
 	file: File;
 	preview: string | undefined;
@@ -33,10 +34,9 @@ export interface AllowedExtensions {
 
 interface SectionSearchFile {
 	allowedExtensions: AllowedExtensions
-	maxFileSize: number
 }
 
-export default function SectionSearchFile({ allowedExtensions, maxFileSize }: SectionSearchFile) {
+export default function SectionSearchFile() {
 	const fileInputRef = useRef<HTMLInputElement>(null);
 	const [isDragging, setIsDragging] = useState<boolean>(false);
 	const [selectedFile, setSelectedFile] = useState<SelectedFile | null>(null);
@@ -53,7 +53,15 @@ export default function SectionSearchFile({ allowedExtensions, maxFileSize }: Se
 
 	const t = useTranslations('Global');
 
-	const allExtensions = useMemo(() => { return [...allowedExtensions.images, ...allowedExtensions.videos, ...allowedExtensions.audios, ...allowedExtensions.documents] }, []);
+	const { data: allFilesExtensions, isLoading, isError } = useAllFilesExtensions();
+
+	const allExtensions = useMemo(() => {
+		if (allFilesExtensions) {
+			return [...allFilesExtensions.images, ...allFilesExtensions.videos, ...allFilesExtensions.audios, ...allFilesExtensions.documents]
+		} else {
+			return []
+		}
+	}, []);
 
 	const acceptString = useMemo(() => {
 		if (!allExtensions || !Array.isArray(allExtensions)) {
@@ -73,7 +81,7 @@ export default function SectionSearchFile({ allowedExtensions, maxFileSize }: Se
 			}
 		}
 
-		const MAX_SIZE = maxFileSize;
+		const MAX_SIZE = allFilesExtensions?.maxFileSize ? allFilesExtensions?.maxFileSize : 0;
 
 		if (file.size > MAX_SIZE) {
 			return {
@@ -168,7 +176,7 @@ export default function SectionSearchFile({ allowedExtensions, maxFileSize }: Se
 		setError(null);
 		isCancelledRef.current = false;
 		const file = fileInfo.file;
-		const fileType = getFileType(fileInfo.file.name, allowedExtensions);
+		const fileType = getFileType(fileInfo.file.name, allFilesExtensions);
 
 		try {
 			const extension = file.name.split('.').pop() || '';
@@ -238,7 +246,7 @@ export default function SectionSearchFile({ allowedExtensions, maxFileSize }: Se
 		} finally {
 			setUploadId(null);
 		}
-	}, [uploadId, allowedExtensions]);
+	}, [uploadId, allFilesExtensions]);
 
 	useEffect(() => {
 		// Обработка закрытия вкладки
@@ -351,7 +359,7 @@ export default function SectionSearchFile({ allowedExtensions, maxFileSize }: Se
 			</div>
 
 			{isFileUploaded && (
-				<FileSearchPanel fileId={fileId} ref={childRef} allowedExtensions={allowedExtensions} fileType={fileType} />
+				<FileSearchPanel fileId={fileId} ref={childRef} allowedExtensions={allFilesExtensions} fileType={fileType} />
 			)}
 		</div>
 	);