modify search function for all files search

src/app/ui/search/supported-formats.tsx

@@ -1,5 +1,13 @@
 import { IconImageFile, IconVideoFile, IconAudioFile, IconDocument } from '@/app/ui/icons/icons';
-export function SupportedFormats() {
+
+interface supportedFormats {
+	extensionVideo: string[]
+	extensionAudio: string[]
+	extensionImage: string[]
+	extensionDocument: string[]
+}
+
+export function SupportedFormats({ extensionVideo, extensionAudio, extensionImage, extensionDocument }: supportedFormats) {
 	return (
 		<div className="supported-formats">
 			<div className="formats-title">
@@ -11,34 +19,34 @@ export function SupportedFormats() {
 					<IconImageFile /> Изображения
 				</div>
 				<div className="format-list">
-					JPEG, PNG, GIF, BMP
+					{extensionImage.join(', ')}
 				</div>
 			</div>
 
-			<div className="format-group hidden">
+			<div className="format-group">
 				<div className="format-type video">
 					<IconVideoFile /> Видео
 				</div>
 				<div className="format-list">
-					MP4, AVI, MOV, WMV
+					{extensionVideo.join(', ')}
 				</div>
 			</div>
 
-			<div className="format-group hidden">
+			<div className="format-group">
 				<div className="format-type audio">
 					<IconAudioFile /> Аудио
 				</div>
 				<div className="format-list">
-					MP3, WAV, FLAC, AAC
+					{extensionAudio.join(', ')}
 				</div>
 			</div>
 
-			<div className="format-group hidden">
+			<div className="format-group">
 				<div className="format-type document">
 					<IconDocument /> Документы
 				</div>
 				<div className="format-list">
-					PDF, DOC, DOCX
+					{extensionDocument.join(', ')}
 				</div>
 			</div>
 		</div>