mirror of
https://github.com/langgenius/dify.git
synced 2026-05-04 17:38:04 +08:00
chore(web): new lint setup (#30020)
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
@ -5,9 +5,9 @@ const DownloadingIcon = () => {
|
||||
<div className="inline-flex text-components-button-secondary-text">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="install-icon">
|
||||
<g id="install-line">
|
||||
<path d="M8 2V4H5L4.999 14H18.999L19 4H16V2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H8ZM18.999 16H4.999L5 20H19L18.999 16Z" fill="currentColor"/>
|
||||
<path id={s.downloadingIconLight} d="M17 19V17H15V19H17Z"/>
|
||||
<path id={s.downloadingIconArrow} d="M13 2V7H16L12 11L8 7H11V2H13Z" fill="currentColor"/>
|
||||
<path d="M8 2V4H5L4.999 14H18.999L19 4H16V2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H8ZM18.999 16H4.999L5 20H19L18.999 16Z" fill="currentColor" />
|
||||
<path id={s.downloadingIconLight} d="M17 19V17H15V19H17Z" />
|
||||
<path id={s.downloadingIconArrow} d="M13 2V7H16L12 11L8 7H11V2H13Z" fill="currentColor" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
'use client'
|
||||
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import Link from 'next/link'
|
||||
import { cn } from '@/utils/classnames'
|
||||
import { Group } from '@/app/components/base/icons/src/vender/other'
|
||||
import { useSelectedLayoutSegment } from 'next/navigation'
|
||||
import DownloadingIcon from './downloading-icon'
|
||||
import { usePluginTaskStatus } from '@/app/components/plugins/plugin-page/plugin-tasks/hooks'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { Group } from '@/app/components/base/icons/src/vender/other'
|
||||
import Indicator from '@/app/components/header/indicator'
|
||||
import { usePluginTaskStatus } from '@/app/components/plugins/plugin-page/plugin-tasks/hooks'
|
||||
import { cn } from '@/utils/classnames'
|
||||
import DownloadingIcon from './downloading-icon'
|
||||
|
||||
type PluginsNavProps = {
|
||||
className?: string
|
||||
@ -26,27 +26,27 @@ const PluginsNav = ({
|
||||
} = usePluginTaskStatus()
|
||||
|
||||
return (
|
||||
<Link href="/plugins" className={cn(className, 'group', 'plugins-nav-button',
|
||||
// used for use-fold-anim-into.ts
|
||||
)}>
|
||||
<Link
|
||||
href="/plugins"
|
||||
className={cn(className, 'group', 'plugins-nav-button',
|
||||
// used for use-fold-anim-into.ts
|
||||
)}
|
||||
>
|
||||
<div
|
||||
className={cn('system-sm-medium relative flex h-8 flex-row items-center justify-center gap-0.5 rounded-xl border border-transparent p-1.5',
|
||||
activated && 'border-components-main-nav-nav-button-border bg-components-main-nav-nav-button-bg-active text-components-main-nav-nav-button-text shadow-md',
|
||||
!activated && 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
|
||||
(isInstallingWithError || isFailed) && !activated && 'border-components-panel-border-subtle')}
|
||||
className={cn('system-sm-medium relative flex h-8 flex-row items-center justify-center gap-0.5 rounded-xl border border-transparent p-1.5', activated && 'border-components-main-nav-nav-button-border bg-components-main-nav-nav-button-bg-active text-components-main-nav-nav-button-text shadow-md', !activated && 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', (isInstallingWithError || isFailed) && !activated && 'border-components-panel-border-subtle')}
|
||||
>
|
||||
{
|
||||
(isFailed || isInstallingWithError) && !activated && (
|
||||
<Indicator
|
||||
color='red'
|
||||
className='absolute left-[-1px] top-[-1px]'
|
||||
color="red"
|
||||
className="absolute left-[-1px] top-[-1px]"
|
||||
/>
|
||||
)
|
||||
}
|
||||
<div className='mr-0.5 flex h-5 w-5 items-center justify-center'>
|
||||
<div className="mr-0.5 flex h-5 w-5 items-center justify-center">
|
||||
{
|
||||
(!(isInstalling || isInstallingWithError) || activated) && (
|
||||
<Group className='h-4 w-4' />
|
||||
<Group className="h-4 w-4" />
|
||||
)
|
||||
}
|
||||
{
|
||||
@ -55,7 +55,7 @@ const PluginsNav = ({
|
||||
)
|
||||
}
|
||||
</div>
|
||||
<span className='px-0.5'>{t('common.menus.plugins')}</span>
|
||||
<span className="px-0.5">{t('common.menus.plugins')}</span>
|
||||
</div>
|
||||
</Link>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user