Sultan
/
Flowise
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

now user can name each document loader for ease of tracking (#4039) 

* now user can name each document loader for ease of tracking

* Update LoaderConfigPreviewChunks.jsx

---------

Co-authored-by: Henry Heng <henryheng@flowiseai.com>
This commit is contained in:
ritvikPuranik 2025-02-22 07:31:54 +05:30 committed by GitHub
parent 19c36c6d11
commit 542936c33f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/ui/src/views/docstore/LoaderConfigPreviewChunks.jsx
View File

@ -9,7 +9,7 @@ import ReactJson from 'flowise-react-json-view'
import useApi from '@/hooks/useApi' import useApi from '@/hooks/useApi'
// Material-UI // Material-UI
import { Skeleton, Toolbar, Box, Button, Card, CardContent, Grid, OutlinedInput, Stack, Typography } from '@mui/material' import { Skeleton, Toolbar, Box, Button, Card, CardContent, Grid, OutlinedInput, Stack, Typography, TextField } from '@mui/material'
import { useTheme, styled } from '@mui/material/styles' import { useTheme, styled } from '@mui/material/styles'
import { IconScissors, IconArrowLeft, IconDatabaseImport, IconBook, IconX, IconEye } from '@tabler/icons-react' import { IconScissors, IconArrowLeft, IconDatabaseImport, IconBook, IconX, IconEye } from '@tabler/icons-react'
@ -72,6 +72,7 @@ const LoaderConfigPreviewChunks = () => {
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const [error, setError] = useState(null) const [error, setError] = useState(null)
const [loaderName, setLoaderName] = useState('')
const [textSplitterNodes, setTextSplitterNodes] = useState([]) const [textSplitterNodes, setTextSplitterNodes] = useState([])
const [splitterOptions, setTextSplitterOptions] = useState([]) const [splitterOptions, setTextSplitterOptions] = useState([])
@ -236,7 +237,7 @@ const LoaderConfigPreviewChunks = () => {
// Set store id & loader name // Set store id & loader name
config.storeId = storeId config.storeId = storeId
config.loaderName = selectedDocumentLoader?.label config.loaderName = loaderName || selectedDocumentLoader?.label
// Set loader config // Set loader config
if (selectedDocumentLoader.inputs) { if (selectedDocumentLoader.inputs) {
@ -282,6 +283,7 @@ const LoaderConfigPreviewChunks = () => {
// If this is a document store edit config, set the existing input values // If this is a document store edit config, set the existing input values
if (existingLoaderFromDocStoreTable && existingLoaderFromDocStoreTable.loaderConfig) { if (existingLoaderFromDocStoreTable && existingLoaderFromDocStoreTable.loaderConfig) {
nodeData.inputs = existingLoaderFromDocStoreTable.loaderConfig nodeData.inputs = existingLoaderFromDocStoreTable.loaderConfig
setLoaderName(existingLoaderFromDocStoreTable.loaderName)
} }
setSelectedDocumentLoader(nodeData) setSelectedDocumentLoader(nodeData)
@ -444,6 +446,20 @@ const LoaderConfigPreviewChunks = () => {
paddingRight: 15 paddingRight: 15
}} }}
> >
<Box sx={{ p: 2 }}>
<TextField
fullWidth
sx={{ mt: 1 }}
size='small'
label={
selectedDocumentLoader?.label?.toLowerCase().includes('loader')
? selectedDocumentLoader.label + ' name'
: selectedDocumentLoader?.label + ' Loader Name'
}
value={loaderName}
onChange={(e) => setLoaderName(e.target.value)}
/>
</Box>
{selectedDocumentLoader && {selectedDocumentLoader &&
Object.keys(selectedDocumentLoader).length > 0 && Object.keys(selectedDocumentLoader).length > 0 &&
(selectedDocumentLoader.inputParams ?? []) (selectedDocumentLoader.inputParams ?? [])