f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-09 00:42:47 +00:00
Code Wiki Activity

upadte notification popup to handle markdown

Browse Source
This commit is contained in:
Víctor Losada Hernández
2025-01-31 11:52:46 +01:00
parent 899004cfaf
commit b6b23a787c
2 changed files with 38 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx
View File

@@ -1,6 +1,7 @@
require('./notificationPopup.less'); require('./notificationPopup.less');
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import request from '../../utils/request-middleware.js'; import request from '../../utils/request-middleware.js';
import Markdown from 'naturalcrit/markdown.js';
import Dialog from '../../../components/dialog.jsx'; import Dialog from '../../../components/dialog.jsx';
@@ -40,11 +41,11 @@ const NotificationPopup = ()=>{
const renderNotificationsList = ()=>{ const renderNotificationsList = ()=>{
if(error) return <div className='error'>{error}</div>; if(error) return <div className='error'>{error}</div>;
notifications.map((notification) =>console.log(Markdown.render(notification.text, 1)));
return notifications.map((notification)=>( return notifications.map((notification)=>(
<li key={notification.dismissKey} > <li key={notification.dismissKey} >
<em>{notification.title}</em><br /> <em>{notification.title}</em><br />
<p dangerouslySetInnerHTML={{ __html: notification.text }}></p> <p dangerouslySetInnerHTML={{ __html: Markdown.render(notification.text, 1) }}></p>
</li> </li>
)); ));
}; };

40
client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
View File

@@ -8,6 +8,7 @@
} }
.notificationPopup { .notificationPopup {
font-size:17px;
position : relative; position : relative;
width : 100%; width : 100%;
padding : 15px; padding : 15px;
@@ -48,17 +49,46 @@
} }
ul { ul {
margin-top : 15px; margin-top : 15px;
font-size : 0.8em; font-size : 0.9em;
list-style-position : outside; list-style-position : outside;
list-style-type : disc; list-style-type : disc;
li { li {
margin-top : 1.4em; margin-top : 1.2em;
font-size : 0.8em; font-size : 0.9em;
line-height : 1.4em; line-height : 1.2em;
padding-left: 1em;
em { em {
text-transform:capitalize; text-transform:capitalize;
font-weight : 800; font-weight : 800;
} }
li { list-style-type: square;}
}
ul ul,ol ol,ul ol,ol ul {
margin-bottom : 0px;
margin-left : 1.5em;
} }
} }
}
/*Markdown styling*/
code {
background:#08115a;
padding: 0.1em 0.5em;
border-radius:2px;
font-family : 'Courier New', "Courier", monospace;
overflow-wrap : break-word;
white-space : pre-wrap;
}
pre code {
display : inline-block;
width : 100%;
}
.blank {
height : 1em;
margin-top : 0;
& + * { margin-top : 0; }
}
}