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

fix: publish button not redirecting to right path (#7439)

Browse source 
* Added custom link to shareable playground

* Added correct tooltip to Shareable Playground button

* Fix typo
This commit is contained in:
Lucas Oliveira 2025-04-04 18:17:23 -03:00 • committed by GitHub
commit 6e38033a95
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 28 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
View file

@ -9,6 +9,7 @@ import {
} from "@/components/ui/dropdown-menu";
import { Switch } from "@/components/ui/switch";
import { usePatchUpdateFlow } from "@/controllers/API/queries/flows/use-patch-update-flow";
import { CustomLink } from "@/customization/components/custom-link";
import { ENABLE_WIDGET } from "@/customization/feature-flags";
import ApiModal from "@/modals/apiModal/new-api-modal";
import EmbedModal from "@/modals/EmbedModal/embed-modal";
@ -18,9 +19,11 @@ import useFlowsManagerStore from "@/stores/flowsManagerStore";
import useFlowStore from "@/stores/flowStore";
import { cn } from "@/utils/utils";
import { useState } from "react";
import { useHref } from "react-router-dom";
export default function PublishDropdown() {
const domain = window.location.origin;
const location = useHref("/");
const domain = window.location.origin + location;
const [openEmbedModal, setOpenEmbedModal] = useState(false);
const currentFlow = useFlowsManagerStore((state) => state.currentFlow);
const flowId = currentFlow?.id;
@ -134,7 +137,7 @@ export default function PublishDropdown() {
hasIO
? isPublished
? encodeURI(`${domain}/playground/${flowId}`)
: "Active to share a public version of this Playground"
: "Activate to share a public version of this Playground"
: "Add a Chat Input or Chat Output to access your flow"
}
>
@ -145,25 +148,30 @@ export default function PublishDropdown() {
)}
data-testid="shareable-playground"
>
<DropdownMenuItem
disabled={!hasIO || !isPublished}
className="deploy-dropdown-item group flex-1"
onClick={() => {
if (hasIO) {
if (isPublished) {
window.open(`${domain}/playground/${flowId}`, "_blank");
}
}
}}
<CustomLink
className={cn(
"flex-1",
!hasIO || !isPublished
? "pointer-events-none cursor-default"
: "",
)}
to={`/playground/${flowId}`}
target="_blank"
>
<div className="group-hover:bg-accent">
<IconComponent
name="Globe"
className={`${groupStyle} icon-size mr-2`}
/>
<span>Shareable Playground</span>
</div>
</DropdownMenuItem>
<DropdownMenuItem
disabled={!hasIO || !isPublished}
className="deploy-dropdown-item group flex-1"
onClick={() => {}}
>
<div className="group-hover:bg-accent">
<IconComponent
name="Globe"
className={`${groupStyle} icon-size mr-2`}
/>
<span>Shareable Playground</span>
</div>
</DropdownMenuItem>
</CustomLink>
<div className={`z-50 mr-2 text-foreground`}>
<Switch
data-testid="publish-switch"