jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fixed playground button at store

Browse source
This commit is contained in:
Lucas Oliveira 2024-04-30 15:25:06 +02:00
commit 89517181c2
1 changed files with 86 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/frontend/src/components/cardComponent/index.tsx
View file

@ -79,8 +79,7 @@ export default function CollectionCardComponent({
if (openPlayground) { if (openPlayground) {
setNodes(currentFlow?.data?.nodes ?? [], true); setNodes(currentFlow?.data?.nodes ?? [], true);
setEdges(currentFlow?.data?.edges ?? [], true); setEdges(currentFlow?.data?.edges ?? [], true);
} } else {
else{
setNodes([], true); setNodes([], true);
setEdges([], true); setEdges([], true);
cleanFlowPool(); cleanFlowPool();
@ -284,6 +283,55 @@ export default function CollectionCardComponent({
</div> </div>
{data.liked_by_count != undefined && ( {data.liked_by_count != undefined && (
<div className="flex gap-0.5"> <div className="flex gap-0.5">
{playground && data?.metadata !== undefined && (
<ShadTooltip
content={
authorized ? "Playground" : "Please review your API key."
}
>
<Button
disabled={loadingLike}
variant="ghost"
size="icon"
className={
"whitespace-nowrap" +
(!authorized ? " cursor-not-allowed" : "")
}
onClick={(e) => {
if (!authorized) {
return;
}
e.preventDefault();
e.stopPropagation();
setLoadingPlayground(true);
if (getFlowById(data.id)) {
setCurrentFlowId(data.id);
setOpenPlayground(true);
setLoadingPlayground(false);
} else {
getFlowData().then((res) => {
setCurrentFlow(res);
setOpenPlayground(true);
setLoadingPlayground(false);
});
}
}}
data-testid={`like-${data.name}`}
>
{!loadingPlayground ? (
<IconComponent
name="Zap"
className={cn(
"h-5 w-5 select-none fill-current text-medium-indigo",
!authorized ? " text-ring" : ""
)}
/>
) : (
<Loading className="h-4 w-4 select-none text-medium-indigo" />
)}
</Button>
</ShadTooltip>
)}
{onDelete && data?.metadata !== undefined ? ( {onDelete && data?.metadata !== undefined ? (
<ShadTooltip <ShadTooltip
content={ content={
@ -386,14 +434,14 @@ export default function CollectionCardComponent({
</div> </div>
)} )}
{button && button} {button && button}
{playground && ( {playground && data?.metadata === undefined && (
<Button <Button
disabled={loadingPlayground} disabled={loadingPlayground}
key={data.id} key={data.id}
tabIndex={-1} tabIndex={-1}
variant="outline" variant="outline"
size="sm" size="sm"
className="whitespace-nowrap gap-2" className="gap-2 whitespace-nowrap"
data-testid={"playground-flow-button-" + data.id} data-testid={"playground-flow-button-" + data.id}
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();