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

Chore/update deprecating nodes (#2540)

Browse Source 
* update deprecating nodes

* add filters use cases to marketplace

* update log level
This commit is contained in:
Henry Heng
2024-07-12 18:37:57 +01:00
committed by GitHub
parent 9ea439d135
commit 363d1bfc44
144 changed files with 6939 additions and 12160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/ui-component/table/MarketplaceTable.jsx
+67 -28
View File
@@ -14,6 +14,7 @@ import {
TableHead,
TableRow,
Typography,
Stack,
useTheme
} from '@mui/material'
@@ -42,6 +43,7 @@ export const MarketplaceTable = ({
filterByBadge,
filterByType,
filterByFramework,
filterByUsecases,
goToCanvas,
goToTool,
isLoading
@@ -68,19 +70,21 @@ export const MarketplaceTable = ({
}}
>
<TableRow>
<StyledTableCell component='th' scope='row' style={{ width: '15%' }} key='0'>
<StyledTableCell sx={{ minWidth: '150px' }} component='th' scope='row' key='0'>
Name
</StyledTableCell>
<StyledTableCell component='th' scope='row' style={{ width: '5%' }} key='1'>
<StyledTableCell sx={{ minWidth: '100px' }} component='th' scope='row' key='1'>
Type
</StyledTableCell>
<StyledTableCell style={{ width: '35%' }} key='2'>
Description
<StyledTableCell key='2'>Description</StyledTableCell>
<StyledTableCell sx={{ minWidth: '100px' }} key='3'>
Framework
</StyledTableCell>
<StyledTableCell style={{ width: '35%' }} key='3'>
Nodes
<StyledTableCell sx={{ minWidth: '100px' }} key='4'>
Use cases
</StyledTableCell>
<StyledTableCell component='th' scope='row' style={{ width: '5%' }} key='4'>
<StyledTableCell key='5'>Nodes</StyledTableCell>
<StyledTableCell component='th' scope='row' key='6'>
&nbsp;
</StyledTableCell>
</TableRow>
@@ -104,6 +108,12 @@ export const MarketplaceTable = ({
<StyledTableCell>
<Skeleton variant='text' />
</StyledTableCell>
<StyledTableCell>
<Skeleton variant='text' />
</StyledTableCell>
<StyledTableCell>
<Skeleton variant='text' />
</StyledTableCell>
</StyledTableRow>
<StyledTableRow>
<StyledTableCell>
@@ -121,6 +131,12 @@ export const MarketplaceTable = ({
<StyledTableCell>
<Skeleton variant='text' />
</StyledTableCell>
<StyledTableCell>
<Skeleton variant='text' />
</StyledTableCell>
<StyledTableCell>
<Skeleton variant='text' />
</StyledTableCell>
</StyledTableRow>
</>
) : (
@@ -130,6 +146,7 @@ export const MarketplaceTable = ({
.filter(filterByType)
.filter(filterFunction)
.filter(filterByFramework)
.filter(filterByUsecases)
.map((row, index) => (
<StyledTableRow key={index}>
<StyledTableCell key='0'>
@@ -158,29 +175,50 @@ export const MarketplaceTable = ({
</Typography>
</StyledTableCell>
<StyledTableCell key='3'>
<div
style={{
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
marginTop: 5
}}
>
{row.categories &&
row.categories
.split(',')
.map((tag, index) => (
<Chip
variant='outlined'
key={index}
size='small'
label={tag.toUpperCase()}
style={{ marginRight: 3, marginBottom: 3 }}
/>
))}
</div>
<Stack flexDirection='row' sx={{ gap: 1, flexWrap: 'wrap' }}>
{row.framework &&
row.framework.length > 0 &&
row.framework.map((framework, index) => (
<Chip
variant='outlined'
key={index}
size='small'
label={framework}
style={{ marginRight: 3, marginBottom: 3 }}
/>
))}
</Stack>
</StyledTableCell>
<StyledTableCell key='4'>
<Stack flexDirection='row' sx={{ gap: 1, flexWrap: 'wrap' }}>
{row.usecases &&
row.usecases.length > 0 &&
row.usecases.map((usecase, index) => (
<Chip
variant='outlined'
key={index}
size='small'
label={usecase}
style={{ marginRight: 3, marginBottom: 3 }}
/>
))}
</Stack>
</StyledTableCell>
<StyledTableCell key='5'>
<Stack flexDirection='row' sx={{ gap: 1, flexWrap: 'wrap' }}>
{row.categories &&
row.categories.map((tag, index) => (
<Chip
variant='outlined'
key={index}
size='small'
label={tag}
style={{ marginRight: 3, marginBottom: 3 }}
/>
))}
</Stack>
</StyledTableCell>
<StyledTableCell key='6'>
<Typography>
{row.badge &&
row.badge
@@ -213,6 +251,7 @@ MarketplaceTable.propTypes = {
filterByBadge: PropTypes.func,
filterByType: PropTypes.func,
filterByFramework: PropTypes.func,
filterByUsecases: PropTypes.func,
goToTool: PropTypes.func,
goToCanvas: PropTypes.func,
isLoading: PropTypes.bool