fix(ui): strip literal br tags from game descriptions
Some ETI game descriptions include the literal string <br> in metadata. React renders descriptions as text, so the marker appears to users instead of being treated as a line break. Strip only the exact <br> token at the detail modal boundary. This keeps the fix UI-only and avoids treating descriptions as HTML or normalizing any other markup-like text. Test Plan: - just frontend-test - git diff --check Refs: none
This commit is contained in:
@@ -50,6 +50,8 @@ export const GameDetailModal = ({
|
|||||||
onViewFiles,
|
onViewFiles,
|
||||||
}: Props) => {
|
}: Props) => {
|
||||||
const tags = tagsFromGame(game);
|
const tags = tagsFromGame(game);
|
||||||
|
// Some game metadata contains a literal <br>; keep sanitization exact.
|
||||||
|
const description = game.description.split('<br>').join('');
|
||||||
const canRemoveDownload = game.downloaded
|
const canRemoveDownload = game.downloaded
|
||||||
&& !game.installed
|
&& !game.installed
|
||||||
&& !isInProgress(game.install_status);
|
&& !isInProgress(game.install_status);
|
||||||
@@ -102,8 +104,8 @@ export const GameDetailModal = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{game.description && (
|
{description && (
|
||||||
<p className="modal-desc">{game.description}</p>
|
<p className="modal-desc">{description}</p>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{game.status_message && (
|
{game.status_message && (
|
||||||
|
|||||||
Reference in New Issue
Block a user