mirror of
https://github.com/langgenius/dify.git
synced 2026-06-18 07:32:31 +08:00
9b74df21d0
Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: yyh <yuanyouhuilyz@gmail.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: hjlarry <hjlarry@163.com> Co-authored-by: fatelei <fatelei@gmail.com> Co-authored-by: Asuka Minato <i@asukaminato.eu.org> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Xiyuan Chen <52963600+GareArc@users.noreply.github.com> Co-authored-by: gigglewang <gigglewang@dify.ai> Co-authored-by: Yunlu Wen <yunlu.wen@dify.ai> Co-authored-by: chariri <w@chariri.moe> Co-authored-by: Evan <2869018789@qq.com> Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
import { cn } from '@langgenius/dify-ui/cn'
|
|
import {
|
|
RiHammerFill,
|
|
RiHammerLine,
|
|
} from '@remixicon/react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { buildIntegrationPath } from '@/app/components/integrations/routes'
|
|
import Link from '@/next/link'
|
|
import { useSelectedLayoutSegment } from '@/next/navigation'
|
|
|
|
type ToolsNavProps = {
|
|
className?: string
|
|
}
|
|
|
|
const ToolsNav = ({
|
|
className,
|
|
}: ToolsNavProps) => {
|
|
const { t } = useTranslation()
|
|
const selectedSegment = useSelectedLayoutSegment()
|
|
const activated = selectedSegment === 'integrations' || selectedSegment === 'tools'
|
|
|
|
return (
|
|
<Link
|
|
href={buildIntegrationPath('builtin')}
|
|
className={cn('group text-sm font-medium', activated && 'hover:bg-components-main-nav-nav-button-bg-active-hover bg-components-main-nav-nav-button-bg-active font-semibold shadow-md', activated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text hover:bg-components-main-nav-nav-button-bg-hover', className)}
|
|
>
|
|
{
|
|
activated
|
|
? <RiHammerFill className="size-4" />
|
|
: <RiHammerLine className="size-4" />
|
|
}
|
|
<div className="ml-2 max-[1024px]:hidden">
|
|
{t('menus.tools', { ns: 'common' })}
|
|
</div>
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
export default ToolsNav
|