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

Sync with langflow.store to use same components

Browse source
This commit is contained in:
Lucas Oliveira 2023-11-21 20:44:04 -03:00
commit 410fbfe10b
1 changed files with 17 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -35,6 +35,7 @@ export default function CollectionCardComponent({
const { addFlow } = useContext(FlowsContext); const { addFlow } = useContext(FlowsContext);
const { setSuccessData, setErrorData } = useContext(alertContext); const { setSuccessData, setErrorData } = useContext(alertContext);
const { setValidApiKey } = useContext(StoreContext); const { setValidApiKey } = useContext(StoreContext);
const isStore = false;
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [loadingLike, setLoadingLike] = useState(false); const [loadingLike, setLoadingLike] = useState(false);
const [liked_by_user, setLiked_by_user] = useState( const [liked_by_user, setLiked_by_user] = useState(
@ -64,13 +65,19 @@ export default function CollectionCardComponent({
const newFlow = cloneFLowWithParent(res, res.id, data.is_component); const newFlow = cloneFLowWithParent(res, res.id, data.is_component);
addFlow(true, newFlow) addFlow(true, newFlow)
.then((id) => { .then((id) => {
setSuccessData({ title: `${name} Installed Successfully.` }); setSuccessData({
title: `${name} ${
isStore ? "Downloaded" : "Installed"
} Successfully.`,
});
setLoading(false); setLoading(false);
}) })
.catch((error) => { .catch((error) => {
setLoading(false); setLoading(false);
setErrorData({ setErrorData({
title: `Error installing the ${name}`, title: `Error ${
isStore ? "downloading" : "installing"
} the ${name}`,
list: [error["response"]["data"]["detail"]], list: [error["response"]["data"]["detail"]],
}); });
}); });
@ -78,7 +85,7 @@ export default function CollectionCardComponent({
.catch((err) => { .catch((err) => {
setLoading(false); setLoading(false);
setErrorData({ setErrorData({
title: `Error installing the ${name}`, title: `Error ${isStore ? "downloading" : "installing"} the ${name}`,
list: [err["response"]["data"]["detail"]], list: [err["response"]["data"]["detail"]],
}); });
setDownloads_count(temp); setDownloads_count(temp);
@ -134,8 +141,8 @@ export default function CollectionCardComponent({
className={cn( className={cn(
"flex-shrink-0", "flex-shrink-0",
data.is_component data.is_component
? "mx-0.5 h-6 w-6 text-component-icon" ? "mx-0.5 h-6 w-6 text-indigo-500"
: "h-7 w-7 flex-shrink-0 text-flow-icon" : "h-7 w-7 flex-shrink-0 text-emerald-800"
)} )}
name={data.is_component ? "ToyBrick" : "Group"} name={data.is_component ? "ToyBrick" : "Group"}
/> />
@ -179,7 +186,6 @@ export default function CollectionCardComponent({
onConfirm={() => { onConfirm={() => {
onDelete(); onDelete();
}} }}
description={name}
> >
<IconComponent <IconComponent
name="Trash2" name="Trash2"
@ -240,7 +246,6 @@ export default function CollectionCardComponent({
onConfirm={() => { onConfirm={() => {
onDelete(); onDelete();
}} }}
description={name}
> >
<Button <Button
variant="ghost" variant="ghost"
@ -297,7 +302,9 @@ export default function CollectionCardComponent({
<ShadTooltip <ShadTooltip
content={ content={
authorized authorized
? "Install Locally" ? isStore
? "Download"
: "Install Locally"
: "Please review your API key." : "Please review your API key."
} }
> >
@ -318,9 +325,9 @@ export default function CollectionCardComponent({
}} }}
> >
<IconComponent <IconComponent
name={loading ? "Loader2" : "Plus"} name={loading ? "Loader2" : isStore ? "Download" : "Plus"}
className={cn( className={cn(
loading ? "h-5 w-5 animate-spin" : "h-6 w-6", loading ? "h-5 w-5 animate-spin" : "h-5 w-5",
!authorized ? " text-ring" : "" !authorized ? " text-ring" : ""
)} )}
/> />