third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-18 21:07:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

Linkify urls in playlist comments

Browse Source
This commit is contained in:
Deluan 2022-10-07 16:12:07 -04:00
parent c530ccf138
commit 53a4ea673b
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/album/AlbumDetails.js
View File

@ -33,7 +33,7 @@ import {
import config from '../config'
import { intersperse } from '../utils'
import AlbumExternalLinks from './AlbumExternalLinks'
import AnchorMe from '../common/AnchorMe'
import AnchorMe from '../common/Linkify'
const useStyles = makeStyles(
(theme) => ({

6
ui/src/common/AnchorMe.js → ui/src/common/Linkify.js
View File

@ -13,7 +13,7 @@ const useStyles = makeStyles(
{ name: 'RaLink' }
)
const AnchorMe = ({ text, ...rest }) => {
const Linkify = ({ text, ...rest }) => {
const classes = useStyles()
const linkify = useCallback((text) => {
const urlRegex =
@ -66,8 +66,8 @@ const AnchorMe = ({ text, ...rest }) => {
return <>{parsedText}</>
}
AnchorMe.propTypes = {
Linkify.propTypes = {
text: PropTypes.string,
}
export default React.memo(AnchorMe)
export default React.memo(Linkify)

5
ui/src/playlist/PlaylistDetails.js
View File

@ -3,6 +3,7 @@ import { Card, CardContent, Typography } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'
import { useTranslate } from 'react-admin'
import { DurationField, SizeField } from '../common'
import Linkify from '../common/Linkify'
const useStyles = makeStyles(
(theme) => ({
@ -51,7 +52,9 @@ const PlaylistDetails = (props) => {
<Typography variant="h5" className={classes.title}>
{record.name || translate('ra.page.loading')}
</Typography>
<Typography component="h6">{record.comment}</Typography>
<Typography component="h6">
<Linkify text={record.comment} />
</Typography>
<Typography component="p">
{record.songCount ? (
<span>