add null result for search files

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

@@ -5,12 +5,16 @@ import { searchUserFiles, searchGlobalFiles } from '@/app/actions/fileEntity';
 
 export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: any }) {
 	const [searchedUserFiles, setSearchedUserFiles] = useState<string[]>([]);
+	const [searchedUserFilesShowNull, setSearchedUserFilesShowNull] = useState<boolean>(false);
 	const [searchedGlobalFiles, setSearchedGlobalFiles] = useState<string[]>([]);
+	const [searchedGlobalFilesShowNull, setSearchedGlobalFilesShowNull] = useState<boolean>(false);
 
 	useImperativeHandle(ref, () => ({
-		doSomething: () => {
+		clearList: () => {
 			setSearchedUserFiles([]);
-			setSearchedGlobalFiles([])
+			setSearchedGlobalFiles([]);
+			setSearchedUserFilesShowNull(false);
+			setSearchedGlobalFilesShowNull(false);
 		}
 	}));
 
@@ -22,6 +26,8 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 
 			if (result.content.length) {
 				setSearchedUserFiles(result.content);
+			} else {
+				setSearchedUserFilesShowNull(true);
 			}
 		} catch (error) {
 
@@ -35,6 +41,8 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 			let result = await searchGlobalFiles(fileId);
 			if (result.images.length) {
 				setSearchedGlobalFiles(result.images);
+			} else {
+				setSearchedGlobalFilesShowNull(true);
 			}
 		} catch (error) {
 
@@ -62,7 +70,29 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 
 			{(searchedUserFiles.length !== 0) && (
 				<SearchedUserFilesList list={searchedUserFiles} />
+			)}
 
+			{searchedUserFilesShowNull && (
+				<div
+					className="user-file-search-results"
+				>
+					<div className="results-header">
+						<div className="results-title">Результаты поиска</div>
+						<div className="results-count">
+							Найдено файлов: {searchedUserFiles.length}
+						</div>
+					</div>
+					<div
+						className="empty-results"
+					>
+						<h3>Похожих файлов не найдено</h3>
+						<p>В вашей библиотеке нет файлов, похожих на загруженный</p>
+						<div className="empty-results-hint">
+							<strong>Совет:</strong> Убедитесь, что вы загружали этот файл ранее через страницу "Маркировка"
+						</div>
+					</div>
+
+				</div>
 			)}
 
 			<div
@@ -141,11 +171,13 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 						</div>
 					</div>
 
-					<div className="global-no-result" id="global-no-result">
-						<div className="global-no-result-icon">&zwj;</div>
-						<h4>Похожие изображения в интернете не найдены</h4>
-						<p>Это может означать, что ваше изображение уникально и не используется на других сайтах.</p>
-					</div>
+					{searchedGlobalFilesShowNull && (
+						<div className="global-no-result" id="global-no-result">
+							<div className="global-no-result-icon">&zwj;</div>
+							<h4>Похожие изображения в интернете не найдены</h4>
+							<p>Это может означать, что ваше изображение уникально и не используется на других сайтах.</p>
+						</div>
+					)}
 
 					<div className="global-error" id="global-error">
 						<strong>Ошибка глобального поиска:</strong>