Workflows
{/*
*/}
{isMobile ? null :
{
addFilter(chip);
}}
onDelete={(_, index) => {
removeFilter(index);
}}
/>
}
{workflowButtons}
{/*
{workflows.length}
ACTIVE WORKFLOWS
{workflows.length}
AVAILABE WORKFLOWS
{workflows.length}
NOTIFICATIONS
*/}
{/*
chipRenderer={({ value, isFocused, isDisabled, handleClick, handleRequestDelete }, key) => {
console.log("VALUE: ", value)
return (
{value}
)
}}
*/}
{!isMobile && usecases !== null && usecases !== undefined && usecases.length > 0 ?
{usecases.map((usecase, index) => {
//console.log(usecase)
return (
{
console.log("Clicked!")
return
if (filters.includes(usecase.name.toLowerCase())) {
addFilter(usecase.name)
} else {
const foundIndex = filters.indexOf(usecase.name.toLowerCase())
removeFilter(foundIndex)
}
}}
>
{usecase.name}
In use: {usecase.matches.length}/{usecase.list.length}
)
})}
: null}
{actionImageList !== undefined &&
actionImageList !== null &&
actionImageList.length > 0 ? (
{actionImageList.map((data, index) => {
if (
data.large_image === undefined ||
data.large_image === null ||
data.large_image.length === 0
) {
return null;
}
if (data.app_name.toLowerCase() === "shuffle tools") {
data.large_image = theme.palette.defaultImage;
}
const returnData =
{
console.log("FILTER: ", data);
addFilter(data.app_name);
}}
>
if (firstLoad) {
appDelay += 75
} else {
//appDelay = 0
return returnData
}
return (
{returnData}
);
})}
) : null}
{view === "grid" ? (
{filteredWorkflows.map((data, index) => {
if (firstLoad) {
workflowDelay += 75
} else {
return (
)
}
return (
)
})}
) : (
)}