RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

added message parsing

Browse Source
This commit is contained in:
srgooglo 2022-06-03 21:12:32 +02:00
parent 31733fcd72
commit f04b4994d6
2 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/app/src/components/PostCard/index.jsx
View File

@ -7,6 +7,8 @@ import moment from "moment"
import classnames from "classnames"
import loadable from "@loadable/component"
import { processString } from "utils"
import CSSMotion from "rc-animate/lib/CSSMotion"
import useLayoutEffect from "rc-util/lib/hooks/useLayoutEffect"
@ -178,8 +180,28 @@ const PostContent = React.memo((props) => {
</Swiper.Item>
})
// parse message
const regexs = [
{
regex: /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi,
fn: (key, result) => {
return <a key={key} href={result[1]} target="_blank" rel="noopener noreferrer">{result[1]}</a>
}
},
{
regex: /(@[a-zA-Z0-9_]+)/gi,
fn: (key, result) => {
return <a key={key} onClick={() => window.app.setLocation(`/@${result[1].substr(1)}`)}>{result[1]}</a>
}
},
]
message = processString(regexs)(message)
return <div className="content">
{message}
<div className="message">
{message}
</div>
{additions.length > 0 &&
<div className="additions">

12
packages/app/src/components/PostCard/index.less
View File

@ -133,14 +133,16 @@
padding: 0 10px 10px 10px;
border-radius: 8px;
font-size: 14px;
font-family: "Poppins", sans-serif;
color: var(--background-color-contrast);
overflow: hidden;
word-break: break-all;
user-select: text;
.message {
font-size: 14px;
font-family: "Poppins", sans-serif;
word-break: break-all;
user-select: text;
}
.additions {
width: 100%;