From 2067092f522fd28ca3abce55f8e46098f04a23f4 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 21 Nov 2024 11:33:21 +0800
Subject: [PATCH] feat: detail link in tools

---
 web/app/components/plugins/plugin-item/index.tsx          | 2 +-
 .../block-selector/market-place-plugin/action.tsx         | 8 ++++++--
 .../workflow/block-selector/market-place-plugin/item.tsx  | 2 ++
 web/i18n/en-US/common.ts                                  | 1 +
 web/i18n/zh-Hans/common.ts                                | 1 +
 5 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/app/components/plugins/plugin-item/index.tsx b/web/app/components/plugins/plugin-item/index.tsx
index fa97e2e586..13c8797358 100644
--- a/web/app/components/plugins/plugin-item/index.tsx
+++ b/web/app/components/plugins/plugin-item/index.tsx
@@ -142,7 +142,7 @@ const PluginItem: FC<Props> = ({
           }
           {source === PluginSource.marketplace
             && <>
-              <a href={`${MARKETPLACE_URL_PREFIX}/plugin/${author}/${name}`} target='_blank' className='flex items-center gap-0.5'>
+              <a href={`${MARKETPLACE_URL_PREFIX}/plugins/${author}/${name}`} target='_blank' className='flex items-center gap-0.5'>
                 <div className='text-text-tertiary system-2xs-medium-uppercase'>{t('plugin.from')} <span className='text-text-secondary'>marketplace</span></div>
                 <RiArrowRightUpLine className='w-3 h-3' />
               </a>
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/action.tsx b/web/app/components/workflow/block-selector/market-place-plugin/action.tsx
index 65d8877819..6f0c08eeca 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/action.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/action.tsx
@@ -11,15 +11,20 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import cn from '@/utils/classnames'
+import { MARKETPLACE_URL_PREFIX } from '@/config'
 
 type Props = {
   open: boolean
   onOpenChange: (v: boolean) => void
+  author: string
+  name: string
 }
 
 const OperationDropdown: FC<Props> = ({
   open,
   onOpenChange,
+  author,
+  name,
 }) => {
   const { t } = useTranslation()
   const openRef = useRef(open)
@@ -50,8 +55,7 @@ const OperationDropdown: FC<Props> = ({
       <PortalToFollowElemContent className='z-[9999]'>
         <div className='w-[112px] p-1 bg-components-panel-bg-blur rounded-xl border-[0.5px] border-components-panel-border shadow-lg'>
           <div className='px-3 py-1.5 rounded-lg text-text-secondary system-md-regular cursor-pointer hover:bg-state-base-hover'>{t('common.operation.download')}</div>
-          {/* Wait marketplace */}
-          {/* <div className='px-3 py-1.5 rounded-lg text-text-secondary system-md-regular cursor-pointer hover:bg-state-base-hover'>{t('common.operation.viewDetail')}</div> */}
+          <a href={`${MARKETPLACE_URL_PREFIX}/plugins/${author}/${name}`} target='_blank' className='block px-3 py-1.5 rounded-lg text-text-secondary system-md-regular cursor-pointer hover:bg-state-base-hover'>{t('common.operation.viewDetails')}</a>
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/item.tsx b/web/app/components/workflow/block-selector/market-place-plugin/item.tsx
index 628b437d3e..7f2ae34083 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/item.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/item.tsx
@@ -57,6 +57,8 @@ const Item: FC<Props> = ({
           <Action
             open={open}
             onOpenChange={setOpen}
+            author={payload.org}
+            name={payload.name}
           />
         </div>
         {isShowInstallModal && (
diff --git a/web/i18n/en-US/common.ts b/web/i18n/en-US/common.ts
index 757f05f2c1..3f46e32e8d 100644
--- a/web/i18n/en-US/common.ts
+++ b/web/i18n/en-US/common.ts
@@ -27,6 +27,7 @@ const translation = {
     lineBreak: 'Line break',
     sure: 'I\'m sure',
     download: 'Download',
+    viewDetails: 'View Details',
     delete: 'Delete',
     settings: 'Settings',
     setup: 'Setup',
diff --git a/web/i18n/zh-Hans/common.ts b/web/i18n/zh-Hans/common.ts
index d9add510e9..2c43a2986b 100644
--- a/web/i18n/zh-Hans/common.ts
+++ b/web/i18n/zh-Hans/common.ts
@@ -27,6 +27,7 @@ const translation = {
     lineBreak: '换行',
     sure: '我确定',
     download: '下载',
+    viewDetails: '查看详情',
     delete: '删除',
     settings: '设置',
     setup: '设置',