stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 10:45:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Copy parsing of ENS descriptions from the official implementation in the explorer. Thanks, Adam

Browse Source
This commit is contained in:
Marco van Dijk 2022-05-05 22:33:32 +02:00
parent 14fa31cbc1
commit 3480796c09
1 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/OrchInfoViewer.js
View File

@ -27,6 +27,17 @@ function copyLink(addr) {
});
}
function nl2br(str) {
if (typeof str === "undefined" || str === null) {
return "";
}
var breakTag = "<br>"; // "<br />"
return (str + "").replace(
/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g,
"$1" + breakTag + "$2"
);
}
const OrchInfoViewer = (obj) => {
const [opened, setOpened] = useState(false);
const livepeer = useSelector((state) => state.livepeerstate);
@ -122,26 +133,32 @@ const OrchInfoViewer = (obj) => {
if (ensDescription) {
if (ensDescription.length < 200) {
descriptionObj =
<p className="darkText" style={{ overflowWrap: 'break-word' }}>
{ensDescription}
</p>
<div className="darkText" style={{ overflowWrap: 'break-word' }}
dangerouslySetInnerHTML={{
__html: nl2br(ensDescription),
}}
/>
} else {
descriptionObj =
<Popover className="strokeSmollLeft" style={{ cursor: 'pointer', marginTop: '0.2em', marginBottom: '0.2em' }}
opened={opened}
onClose={() => setOpened(false)}
target={
<p className="darkText" style={{ overflowWrap: 'break-word' }} onClick={() => setOpened((o) => !o)}>
{ensDescription.substring(0, 200)}...
</p>
<div className="darkText" style={{ overflowWrap: 'break-word' }} onClick={() => setOpened((o) => !o)}
dangerouslySetInnerHTML={{
__html: nl2br(ensDescription.substring(0, 200) + "..."),
}}
/>
}
width={260}
position="right"
withArrow
>
<p className="darkText" style={{ overflowWrap: 'break-word' }}>
{ensDescription}
</p>
<div className="darkText" style={{ overflowWrap: 'break-word' }}
dangerouslySetInnerHTML={{
__html: nl2br(ensDescription),
}}
/>
</Popover>
}
}