diff --git a/package.json b/package.json index 9fa8fbf..fbc93ea 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "vite-react-typescript-starter", "private": true, - "version": "1.2.15", + "version": "1.2.16", "type": "module", "scripts": { "dev": "vite", diff --git a/public/images/lost-image.webp b/public/images/lost-image.webp new file mode 100644 index 0000000..99144bc Binary files /dev/null and b/public/images/lost-image.webp differ diff --git a/src/pages/ImportArticlesPage.tsx b/src/pages/ImportArticlesPage.tsx index 708cb5c..340e51c 100644 --- a/src/pages/ImportArticlesPage.tsx +++ b/src/pages/ImportArticlesPage.tsx @@ -5,6 +5,7 @@ import { Article, CategoryTitles, CityTitles } from '../types'; import { FileJson, Save, ChevronLeft, ChevronRight, Edit2 } from 'lucide-react'; const ARTICLES_PER_PAGE = 10; +const fallbackImg = '/images/lost-image.webp'; export function ImportArticlesPage() { const [articles, setArticles] = useState([]); @@ -192,6 +193,23 @@ export function ImportArticlesPage() { {CategoryTitles[article.categoryId]} · {CityTitles[article.cityId]} · {article.readTime} min read +
+
+
+ {""} { + const target = e.currentTarget; + target.onerror = null; + target.src = fallbackImg; + }} + /> +
+
+
+
{ + const target = e.currentTarget; + target.onerror = null; + target.src = fallbackImg; + }} />