mirror of
https://github.com/langgenius/dify.git
synced 2026-08-28 20:33:21 +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>
39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import * as React from 'react'
|
|
import { useCallback } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import UpgradeBtn from '@/app/components/billing/upgrade-btn'
|
|
import { IS_CLOUD_EDITION } from '@/config'
|
|
import { useModalContext } from '@/context/modal-context'
|
|
|
|
const UpgradeCard: FC = () => {
|
|
const { t } = useTranslation()
|
|
const { setShowPricingModal } = useModalContext()
|
|
|
|
const handleUpgrade = useCallback(() => {
|
|
setShowPricingModal()
|
|
}, [setShowPricingModal])
|
|
|
|
if (!IS_CLOUD_EDITION)
|
|
return null
|
|
|
|
return (
|
|
<div className="flex items-center justify-between rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg py-3 pr-3.5 pl-4 shadow-xs backdrop-blur-[5px]">
|
|
<div>
|
|
<div className="bg-[linear-gradient(92deg,var(--components-input-border-active-prompt-1,#0BA5EC)_0%,var(--components-input-border-active-prompt-2,#155AEF)_99.21%)] bg-clip-text title-md-semi-bold text-transparent">{t('upgrade.uploadMultipleFiles.title', { ns: 'billing' })}</div>
|
|
<div className="system-xs-regular text-text-tertiary">{t('upgrade.uploadMultipleFiles.description', { ns: 'billing' })}</div>
|
|
</div>
|
|
<UpgradeBtn
|
|
size="custom"
|
|
isShort
|
|
className="ml-3 h-8! rounded-lg! px-2"
|
|
labelKey="triggerLimitModal.upgrade"
|
|
loc="upload-multiple-files"
|
|
onClick={handleUpgrade}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(UpgradeCard)
|