mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-16 09:08:17 +08:00
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { useTranslation } from 'react-i18next'
|
|
import Link from 'next/link'
|
|
import { useSelectedLayoutSegment } from 'next/navigation'
|
|
import {
|
|
RiHammerFill,
|
|
RiHammerLine,
|
|
} from '@remixicon/react'
|
|
import classNames from '@/utils/classnames'
|
|
type ToolsNavProps = {
|
|
className?: string
|
|
}
|
|
|
|
const ToolsNav = ({
|
|
className,
|
|
}: ToolsNavProps) => {
|
|
const { t } = useTranslation()
|
|
const selectedSegment = useSelectedLayoutSegment()
|
|
const activated = selectedSegment === 'tools'
|
|
|
|
return (
|
|
<Link href="/tools" className={classNames(
|
|
'group text-sm font-medium',
|
|
activated && 'font-semibold bg-components-main-nav-nav-button-bg-active hover:bg-components-main-nav-nav-button-bg-active-hover 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='mr-2 w-4 h-4' />
|
|
: <RiHammerLine className='mr-2 w-4 h-4' />
|
|
}
|
|
{t('common.menus.tools')}
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
export default ToolsNav
|