xfox111/my-website
1
0
Fork 0
mirror of https://github.com/XFox111/my-website.git synced 2026-04-22 07:28:01 +03:00
Code Activity

chore(ui): pre-wrap for alert message

Browse Source
This commit is contained in:
Eugene Fox
2025-07-22 14:50:28 +00:00
parent 1992ee8f29
commit 6d4c931091
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/_components/AlertMessage.module.scss
+5
View File
@@ -21,4 +21,9 @@
{
@include body1Stronger;
}
.message
{
white-space: pre-wrap;
}
}
app/_components/AlertMessage.tsx
+3 -3
View File
@@ -26,15 +26,15 @@ const AlertMessage: React.FC = async () =>
if (!response.ok || !alertText)
return null;
const title: string = alertText.split("\n", 1)[0];
const message: string = alertText.substring(title.length);
const title: string = alertText.split("\n", 1)[0].trim();
const message: string = alertText.substring(title.length + 1).trim();
return (
<div role="alert" className={ cls.alertBox } aria-label={ alertText }>
<ChatWarningRegular className={ cls.icon } />
<div>
<p className={ cls.title }>{ title }</p>
<p dangerouslySetInnerHTML={ { __html: message } } />
<p className={ cls.message } dangerouslySetInnerHTML={ { __html: message } } />
</div>
</div>
);