mirror of
https://github.com/langgenius/dify.git
synced 2025-12-12 19:01:20 +00:00
85cda47c70
Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com> Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com> Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: quicksand <quicksandzn@gmail.com> Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: nite-knite <nkCoding@gmail.com> Co-authored-by: Hanqing Zhao <sherry9277@gmail.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Harry <xh001x@hotmail.com>
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { useMarketplaceContext } from '../context'
|
|
import {
|
|
useMixedTranslation,
|
|
useSearchBoxAutoAnimate,
|
|
} from '../hooks'
|
|
import SearchBox from './index'
|
|
import cn from '@/utils/classnames'
|
|
|
|
type SearchBoxWrapperProps = {
|
|
locale?: string
|
|
searchBoxAutoAnimate?: boolean
|
|
}
|
|
const SearchBoxWrapper = ({
|
|
locale,
|
|
searchBoxAutoAnimate,
|
|
}: SearchBoxWrapperProps) => {
|
|
const { t } = useMixedTranslation(locale)
|
|
const intersected = useMarketplaceContext(v => v.intersected)
|
|
const searchPluginText = useMarketplaceContext(v => v.searchPluginText)
|
|
const handleSearchPluginTextChange = useMarketplaceContext(v => v.handleSearchPluginTextChange)
|
|
const filterPluginTags = useMarketplaceContext(v => v.filterPluginTags)
|
|
const handleFilterPluginTagsChange = useMarketplaceContext(v => v.handleFilterPluginTagsChange)
|
|
const { searchBoxCanAnimate } = useSearchBoxAutoAnimate(searchBoxAutoAnimate)
|
|
|
|
return (
|
|
<SearchBox
|
|
wrapperClassName={cn(
|
|
'z-[0] mx-auto w-[640px] shrink-0',
|
|
searchBoxCanAnimate && 'sticky top-3 z-[11]',
|
|
!intersected && searchBoxCanAnimate && 'w-[508px] transition-[width] duration-300',
|
|
)}
|
|
inputClassName='w-full'
|
|
search={searchPluginText}
|
|
onSearchChange={handleSearchPluginTextChange}
|
|
tags={filterPluginTags}
|
|
onTagsChange={handleFilterPluginTagsChange}
|
|
locale={locale}
|
|
placeholder={t('plugin.searchPlugins')}
|
|
usedInMarketplace
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default SearchBoxWrapper
|