fix: show OG image link on load failure + add no-referrer policy
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

When OG image fails to load (hotlink protection, CORS), shows
clickable URL instead of just "Obrazek niedostepny". Adds
referrerpolicy=no-referrer to bypass referer-based hotlink blocking.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-11 06:02:24 +01:00
parent fc04604098
commit 04bbf5db18

View File

@ -447,7 +447,7 @@
<div style="max-width: 500px; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: #f0f2f5;">
{% if analysis.og_image %}
<div style="width: 100%; height: 260px; background: #e4e6eb; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<img src="{{ analysis.og_image }}" alt="OG Image" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.parentElement.innerHTML='<span style=\'color: var(--text-secondary); font-size: var(--font-size-sm);\'>Obrazek niedostepny</span>'">
<img src="{{ analysis.og_image }}" alt="OG Image" referrerpolicy="no-referrer" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.parentElement.innerHTML='<div style=\'text-align:center; padding: 20px;\'><div style=\'color: var(--text-secondary); font-size: var(--font-size-sm); margin-bottom: 8px;\'>Obrazek niedostepny z poziomu naszego serwera</div><a href=\'{{ analysis.og_image }}\' target=\'_blank\' rel=\'noopener\' style=\'color: var(--primary); font-size: 11px; word-break: break-all;\'>{{ analysis.og_image }}</a></div>'">
</div>
{% else %}
<div style="width: 100%; height: 80px; background: #e4e6eb; display: flex; align-items: center; justify-content: center;">