From 1a35d77d7003cbc2e3065e2cbd52c4bf76d2bd3a Mon Sep 17 00:00:00 2001
From: Deon Sanchez <69873175+deon-sanchez@users.noreply.github.com>
Date: Tue, 12 Aug 2025 11:17:33 -0600
Subject: [PATCH] feat: Enhance HelpDropdown with navigation and external links

- Added functionality to open documentation and desktop download links in new tabs.
- Integrated navigation for shortcuts settings within the HelpDropdown.
- Cleaned up commented-out code for better readability and maintainability.
---
 .../canvasControlsComponent/dropdowns.tsx     | 26 +++++++++++++++----
 src/frontend/src/constants/constants.ts       |  1 +
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/core/canvasControlsComponent/dropdowns.tsx b/src/frontend/src/components/core/canvasControlsComponent/dropdowns.tsx
index e5b8f54571..a90240fba8 100644
--- a/src/frontend/src/components/core/canvasControlsComponent/dropdowns.tsx
+++ b/src/frontend/src/components/core/canvasControlsComponent/dropdowns.tsx
@@ -6,8 +6,11 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { Separator } from "@/components/ui/separator";
+import { DATASTAX_DOCS_URL, DESKTOP_URL, DOCS_URL } from "@/constants/constants";
+import { ENABLE_DATASTAX_LANGFLOW } from "@/customization/feature-flags";
 import { cn, getOS } from "@/utils/utils";
 import React from "react";
+import { useNavigate } from "react-router-dom";
 
 type DropdownControlButtonProps = {
   tooltipText?: string;
@@ -163,7 +166,10 @@ export const HelpDropdown: React.FC<HelpDropdownProps> = ({
   isOpen,
   onOpenChange,
   onSelectAction,
-}) => (
+}) => {
+  const navigate = useNavigate();
+  
+  return (
   <DropdownMenu open={isOpen} onOpenChange={onOpenChange}>
     <DropdownMenuTrigger asChild>
       <Button
@@ -189,29 +195,39 @@ export const HelpDropdown: React.FC<HelpDropdownProps> = ({
         iconName="book-open"
         testId="canvas_controls_dropdown_docs"
         label="Docs"
+        onClick={() => {
+          window.open(ENABLE_DATASTAX_LANGFLOW ? DATASTAX_DOCS_URL : DOCS_URL, "_blank");
+        }}
       />
       <DropdownControlButton
         iconName="keyboard"
         testId="canvas_controls_dropdown_shortcuts"
         label="Shortcuts"
+        onClick={() => {
+          navigate("/settings/shortcuts");
+        }}
       />
-      <DropdownControlButton
+      {/* <DropdownControlButton
         iconName="bug"
         testId="canvas_controls_dropdown_report_a_bug"
         label="Report a bug"
-      />
+      /> */}
       <Separator />
       <DropdownControlButton
         iconName="download"
         testId="canvas_controls_dropdown_get_langflow_desktop"
         label="Get Langflow Desktop"
+        onClick={() => {
+          window.open(DESKTOP_URL, "_blank");
+        }}
       />
-       <DropdownControlButton
+       {/* <DropdownControlButton
         iconName="cog"
         testId="canvas_controls_dropdown_enable_smart_guides"
         label="Enable smart guides"
         
-      />
+      /> */}
     </DropdownMenuContent>
   </DropdownMenu>
 );
+};
diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts
index d91d2c7fa5..7234933482 100644
--- a/src/frontend/src/constants/constants.ts
+++ b/src/frontend/src/constants/constants.ts
@@ -1089,5 +1089,6 @@ export const TWITTER_URL = "https://x.com/langflow_ai";
 export const DOCS_URL = "https://docs.langflow.org";
 export const DATASTAX_DOCS_URL =
   "https://docs.datastax.com/en/langflow/index.html";
+export const DESKTOP_URL = "https://www.langflow.org/desktop";
 
 export const UUID_PARSING_ERROR = "uuid_parsing";