farcasclaudiu/Flowise
1
0
Fork 0
mirror of https://github.com/farcasclaudiu/Flowise.git synced 2026-06-26 15:00:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

add hyperlink

Browse Source
This commit is contained in:
chungyau97
2023-08-01 16:20:24 +08:00
parent 7a3a5fe367
commit ef1f16b7aa
2 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/utils/genericHelper.js
+8
View File
@@ -401,3 +401,11 @@ export const getInputVariables = (paramValue) => {
}
return inputVariables
}
export const isValidURL = (url) => {
try {
return new URL(url)
} catch (err) {
return undefined
}
}
packages/ui/src/views/chatmessage/ChatMessage.js
+14 -2
View File
@@ -30,6 +30,7 @@ import { baseURL, maxScroll } from 'store/constant'
import robotPNG from 'assets/images/robot.png'
import userPNG from 'assets/images/account.png'
import { isValidURL } from 'utils/genericHelper'
export const ChatMessage = ({ open, chatflowid, isDialog }) => {
const theme = useTheme()
@@ -59,6 +60,10 @@ export const ChatMessage = ({ open, chatflowid, isDialog }) => {
setSourceDialogOpen(true)
}
const onURLClick = (data) => {
window.open(data, '_blank')
}
const scrollToBottom = () => {
if (ps.current) {
ps.current.scrollTo({ top: maxScroll })
@@ -320,16 +325,23 @@ export const ChatMessage = ({ open, chatflowid, isDialog }) => {
{message.sourceDocuments && (
<div style={{ display: 'block', flexDirection: 'row', width: '100%' }}>
{message.sourceDocuments.map((source, index) => {
const URL = isValidURL(source.metadata.source)
return (
<Chip
size='small'
key={index}
label={`${source.pageContent.substring(0, 15)}...`}
label={
URL
? `${(URL.hostname + URL.pathname).substring(0, 15)}...`
: `${source.pageContent.substring(0, 15)}...`
}
component='a'
sx={{ mr: 1, mb: 1 }}
variant='outlined'
clickable
onClick={() => onSourceDialogClick(source)}
onClick={() =>
URL ? onURLClick(source.metadata.source) : onSourceDialogClick(source)
}
/>
)
})}