add null result for search files

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

@@ -3,6 +3,7 @@ import { toast } from 'sonner';
 import { useState, ReactNode } from 'react';
 import { useTranslations } from 'next-intl';
 import ModalWindow from '@/app/components/modalWindow';
+import { IconEye, IconDownload } from '@/app/ui/icons/icons';
 
 export function SearchedUserFilesList({ list }: { list: any }) {
 	const [isFileLoading, setIsFileLoading] = useState(false);
@@ -53,7 +54,7 @@ export function SearchedUserFilesList({ list }: { list: any }) {
 					<div
 						className="modal-window-view-file-content"
 					>
-						<div className="flex gap-2">
+						<div className="modal-window-view-file-content-wrapper">
 							<div className="image-section">
 								<div className="image-container">
 									<img
@@ -116,6 +117,7 @@ export function SearchedUserFilesList({ list }: { list: any }) {
 					className="results-list"
 				>
 					{list.map((e: any, index: number) => {
+						console.log(e);
 						return (
 							<div
 								key={index}
@@ -124,18 +126,20 @@ export function SearchedUserFilesList({ list }: { list: any }) {
 								<div className="result-item">
 									<div className="result-header">
 										<div className="result-preview">
-											<img src="view-image.php?id=431" alt="Preview" />
-											<div className="preview-fallback">
-												<span>📄</span>
-											</div>
+											{e.url ? (
+												<img src={e.url} alt="Preview" />
+											) : (
+												<div className="preview-fallback">
+													<span>📄</span>
+												</div>
+											)}
 										</div>
-
 										<div className="result-info">
 											<div className="result-filename" title={e.originalFileName}>
 												{e.originalFileName}
 											</div>
 											<div className="result-details">
-												Загружен: - •
+												Загружен: {e.uploadDate ? e.uploadDate : '#'} •
 												Размер: {convertBytes(e.fileSize)}
 											</div>
 										</div>
@@ -147,31 +151,29 @@ export function SearchedUserFilesList({ list }: { list: any }) {
 									</div>
 
 									<div className="result-badges">
-										<span className="badge badge-protected">
-											🛡️ Защищено
+										<span className={`badge ${e.status === 'PROTECTED' ? 'badge-protected' : 'badge-not-protected'}`}>
+											{e.status}
 										</span>
-										<span className="badge badge-high-protection">
-											🔒 Высокий уровень защиты
-										</span>
-
 									</div>
 
 
 									<div className="result-actions">
 										<button
-											className="btn btn-secondary"
+											className="btn btn-secondary gap-1"
 											onClick={() => {
 												handlerViewfile(e);
 											}}
 										>
-											👁️ Просмотр
+											<IconEye />
+											Просмотр
 										</button>
 										<button
-											className="btn btn-success"
+											className="btn btn-success gap-1"
 											disabled={isFileLoading}
 											onClick={() => handlerDownload(e.fileId, e.originalFileName)}
 										>
-											💾 Скачать
+											<IconDownload />
+											Скачать
 										</button>
 									</div>
 								</div>