marker/shuffle-cracked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed SuggestWorkflow locations

Browse Source
This commit is contained in:
frikky
2022-11-11 14:45:11 +01:00
parent 8422945311
commit bae029ed81
1 changed files with 52 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/SuggestedWorkflows.jsx
+52 -57
View File
@@ -47,7 +47,6 @@ const SuggestedWorkflows = (props) => {
}, [closeWindow]) }, [closeWindow])
if (usecaseSuggestions === undefined || usecaseSuggestions.length === 0) { if (usecaseSuggestions === undefined || usecaseSuggestions.length === 0) {
console.log("Closing finished usecases 1")
return null return null
} }
@@ -84,8 +83,6 @@ const SuggestedWorkflows = (props) => {
dstimage = usecase.items[2].app dstimage = usecase.items[2].app
} }
console.log(finishedUsecases)
const finished = finishedUsecases.includes(usecasename) const finished = finishedUsecases.includes(usecasename)
const selectedIcon = finished ? <DoneIcon /> : <AutoFixHighIcon /> const selectedIcon = finished ? <DoneIcon /> : <AutoFixHighIcon />
@@ -123,8 +120,8 @@ const SuggestedWorkflows = (props) => {
{usecasename} {usecasename}
</Typography> </Typography>
<div style={{display: "flex", marginTop: 5, }}> <div style={{display: "flex", marginTop: 5, }}>
<img alt={srcimage.name} src={srcimage.large_image} style={{borderRadius: 20, height: 30, width: 30, marginRight: 15, }}/> <img alt={srcimage.large_image} src={srcimage.large_image} style={{borderRadius: 20, height: 30, width: 30, marginRight: 15, }}/>
<img alt={dstimage.name} src={dstimage.large_image} style={{borderRadius: 20, height: 30, width: 30, }}/> <img alt={dstimage.large_image} src={dstimage.large_image} style={{borderRadius: 20, height: 30, width: 30, }}/>
</div> </div>
</div> </div>
@@ -138,63 +135,61 @@ const SuggestedWorkflows = (props) => {
//<Paper style={{width: 275, maxHeight: 400, overflow: "hidden", zIndex: 12500, padding: 25, paddingRight: 35, backgroundColor: theme.palette.surfaceColor, border: "1px solid rgba(255,255,255,0.2)", position: "absolute", top: -50, left: 50, }}> //<Paper style={{width: 275, maxHeight: 400, overflow: "hidden", zIndex: 12500, padding: 25, paddingRight: 35, backgroundColor: theme.palette.surfaceColor, border: "1px solid rgba(255,255,255,0.2)", position: "absolute", top: -50, left: 50, }}>
return ( return (
<Paper style={{margin: "auto", position: "relative", backgroundColor: theme.palette.surfaceColor, borderRadius: theme.palette.borderRadius, zIndex: foundZindex, border: "1px solid rgba(255,255,255,0.2)"}}> <Paper style={{margin: "auto", position: "relative", backgroundColor: theme.palette.surfaceColor, borderRadius: theme.palette.borderRadius, zIndex: foundZindex, border: "1px solid rgba(255,255,255,0.2)", top: 100, left: 85,}}>
<Dialog <Dialog
open={usecaseSearch.length > 0 && usecaseSearchType.length > 0} open={usecaseSearch.length > 0 && usecaseSearchType.length > 0}
onClose={() => { onClose={() => {
finishedUsecases.push(usecaseSearch) finishedUsecases.push(usecaseSearch)
setFinishedUsecases(finishedUsecases) setFinishedUsecases(finishedUsecases)
setUsecaseSearch("") setUsecaseSearch("")
setUsecaseSearchType("") setUsecaseSearchType("")
}} }}
PaperProps={{ PaperProps={{
style: { style: {
pointerEvents: "auto", pointerEvents: "auto",
backgroundColor: theme.palette.surfaceColor, backgroundColor: theme.palette.surfaceColor,
color: "white", color: "white",
minWidth: 450, minWidth: 450,
padding: 50, padding: 50,
overflow: "hidden", overflow: "hidden",
zIndex: 10012, zIndex: 10012,
border: theme.palette.defaultBorder, border: theme.palette.defaultBorder,
}, },
}} }}
> >
<IconButton <IconButton
style={{ style={{
zIndex: 5000, zIndex: 5000,
position: "absolute", position: "absolute",
top: 14, top: 14,
right: 18, right: 18,
color: "grey", color: "grey",
}} }}
onClick={() => { onClick={() => {
finishedUsecases.push(usecaseSearch) finishedUsecases.push(usecaseSearch)
setFinishedUsecases(finishedUsecases) setFinishedUsecases(finishedUsecases)
setUsecaseSearch("")
setUsecaseSearchType("")
}}
>
<CloseIcon />
</IconButton>
<UsecaseSearch
globalUrl={globalUrl}
defaultSearch={usecaseSearchType}
usecaseSearch={usecaseSearch}
appFramework={frameworkData}
userdata={userdata}
autotry={true}
setCloseWindow={setCloseWindow}
setUsecaseSearch={setUsecaseSearch}
apps={apps}
/>
</Dialog>
setUsecaseSearch("")
setUsecaseSearchType("")
}}
>
<CloseIcon />
</IconButton>
<UsecaseSearch
globalUrl={globalUrl}
defaultSearch={usecaseSearchType}
usecaseSearch={usecaseSearch}
appFramework={frameworkData}
userdata={userdata}
autotry={true}
setCloseWindow={setCloseWindow}
setUsecaseSearch={setUsecaseSearch}
apps={apps}
/>
</Dialog>
<div style={{minWidth: 250, maxWidth: 250, padding: 15, borderRadius: theme.palette.borderRadius, position: "relative", }}> <div style={{minWidth: 250, maxWidth: 250, padding: 15, borderRadius: theme.palette.borderRadius, position: "relative", }}>
<Typography variant="body1" style={{textAlign: "center"}}> <Typography variant="body1" style={{textAlign: "center"}}>
Suggested Workflows ({finishedUsecases.length}/{usecaseSuggestions.length}) Suggested Workflows ({finishedUsecases.length}/{usecaseSuggestions.length})