modify search function for all files search

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

@@ -24,12 +24,16 @@ interface FileUploadInitResponse {
 }
 
 interface SectionSearchFile {
-	fileType: string
-	allowedExtensions: string[]
+	allowedExtensions: {
+		images: string[],
+		videos: string[],
+		audios: string[],
+		documents: string[]
+	}
 	maxFileSize: number
 }
 
-export default function SectionSearchFile({ fileType, allowedExtensions, maxFileSize }: SectionSearchFile) {
+export default function SectionSearchFile({ allowedExtensions, maxFileSize }: SectionSearchFile) {
 	const fileInputRef = useRef<HTMLInputElement>(null);
 	const [isDragging, setIsDragging] = useState<boolean>(false);
 	const [selectedFile, setSelectedFile] = useState<SelectedFile | null>(null);
@@ -45,17 +49,49 @@ export default function SectionSearchFile({ fileType, allowedExtensions, maxFile
 
 	const t = useTranslations('Global');
 
+	const allExtensions = useMemo(() => { return [...allowedExtensions.images, ...allowedExtensions.videos, ...allowedExtensions.audios, ...allowedExtensions.documents] }, []);
+
 	const acceptString = useMemo(() => {
-		if (!allowedExtensions || !Array.isArray(allowedExtensions)) {
+		if (!allExtensions || !Array.isArray(allExtensions)) {
 			return '';
 		}
-		return allowedExtensions.map(e => `.${e}`).join(', ');
-	}, [allowedExtensions]);
+		return allExtensions.map(e => `.${e}`).join(', ');
+	}, [allExtensions]);
+
+
+	const getFileType = (fileName: string, allowedExtensions: {
+		images: string[],
+		videos: string[],
+		audios: string[],
+		documents: string[]
+	}): 'image' | 'video' | 'audio' | 'document' | 'unknown' => {
+
+		const lastDotIndex = fileName.lastIndexOf('.');
+		const extension = fileName.substring(lastDotIndex + 1).toLowerCase();
+
+		if (allowedExtensions.images.includes(extension)) {
+			return 'image';
+		}
+
+		if (allowedExtensions.videos.includes(extension)) {
+			return 'video';
+		}
+
+		if (allowedExtensions.audios.includes(extension)) {
+			return 'audio';
+		}
+
+		if (allowedExtensions.documents.includes(extension)) {
+			return 'document';
+		}
+
+		return 'unknown';
+	}
 
 	const validateFile = (file: File): { isValid: boolean; errorMessage?: string } => {
-		if (!allowedExtensions.includes(file.type as string)) {
+		if (!allExtensions.includes(file.type as string)) {
 			const extension = file.name.split('.').pop()?.toLowerCase();
-			if (!extension || !allowedExtensions.includes(extension as string)) {
+			if (!extension || !allExtensions.includes(extension as string)) {
 				return {
 					isValid: false,
 					errorMessage: t('unsupported-file-format')
@@ -117,7 +153,7 @@ export default function SectionSearchFile({ fileType, allowedExtensions, maxFile
 			preview: file.size < 10 * 1024 * 1024 ? URL.createObjectURL(file) : undefined
 		});
 
-	}, [fileType, t]);
+	}, [t]);
 
 	const handleFileInputChange = (event: ChangeEvent<HTMLInputElement>): void => {
 		const file = event.target.files?.[0] || null;
@@ -157,6 +193,7 @@ export default function SectionSearchFile({ fileType, allowedExtensions, maxFile
 		setError(null);
 		isCancelledRef.current = false;
 		const file = fileInfo.file;
+		const fileType = getFileType(fileInfo.file.name, allowedExtensions);
 
 		try {
 			const extension = file.name.split('.').pop() || '';
@@ -225,7 +262,7 @@ export default function SectionSearchFile({ fileType, allowedExtensions, maxFile
 		} finally {
 			setUploadId(null);
 		}
-	}, [uploadId, fileType]);
+	}, [uploadId, allowedExtensions]);
 
 	useEffect(() => {
 		// Обработка закрытия вкладки