From df69ad9f0e4336f7cab62c6fdb4f53f03a290944 Mon Sep 17 00:00:00 2001
From: "Charlie.Wei" <luowei@cvte.com>
Date: Fri, 23 Aug 2024 16:23:26 +0800
Subject: [PATCH] Langfuse view button (#7578)

---
 .../[appId]/overview/tracing/config-popup.tsx             | 2 ++
 .../[appId]/overview/tracing/provider-panel.tsx           | 8 ++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx
index 7aa1fca96d..7744bab7ba 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx
@@ -85,6 +85,7 @@ const ConfigPopup: FC<PopupProps> = ({
     <ProviderPanel
       type={TracingProvider.langSmith}
       readOnly={readOnly}
+      config={langSmithConfig}
       hasConfigured={!!langSmithConfig}
       onConfig={handleOnConfig(TracingProvider.langSmith)}
       isChosen={chosenProvider === TracingProvider.langSmith}
@@ -96,6 +97,7 @@ const ConfigPopup: FC<PopupProps> = ({
     <ProviderPanel
       type={TracingProvider.langfuse}
       readOnly={readOnly}
+      config={langFuseConfig}
       hasConfigured={!!langFuseConfig}
       onConfig={handleOnConfig(TracingProvider.langfuse)}
       isChosen={chosenProvider === TracingProvider.langfuse}
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx
index 4a39586064..b908322a92 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx
@@ -14,7 +14,7 @@ type Props = {
   type: TracingProvider
   readOnly: boolean
   isChosen: boolean
-  Config: any
+  config: any
   onChoose: () => void
   hasConfigured: boolean
   onConfig: () => void
@@ -31,7 +31,7 @@ const ProviderPanel: FC<Props> = ({
   type,
   readOnly,
   isChosen,
-  Config,
+  config,
   onChoose,
   hasConfigured,
   onConfig,
@@ -48,9 +48,9 @@ const ProviderPanel: FC<Props> = ({
     e.preventDefault()
     e.stopPropagation()
 
-    const url = `${Config?.host}/project/${Config?.project_key}`
+    const url = `${config?.host}/project/${config?.project_key}`
     window.open(url, '_blank', 'noopener,noreferrer')
-  }, [Config?.host, Config?.project_key])
+  }, [])
 
   const handleChosen = useCallback((e: React.MouseEvent) => {
     e.stopPropagation()