youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-20 18:57:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feat/quota-icon' into deploy/dev

Browse Source
This commit is contained in:
CodingOnStar
2026-01-26 18:21:24 +08:00
parent 085071046c c64fb82f96
commit 7bee0b95eb
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx
View File

@ -62,9 +62,8 @@ const QuotaPanel: FC<QuotaPanelProps> = ({
providers.map(p => [p.provider, p.preferred_provider_type]),
), [providers])
const installedProvidersMap = useMemo(() => new Map(
providers.map(p => [p.provider, p.custom_configuration]),
providers.map(p => [p.provider, p.custom_configuration.available_credentials]),
), [providers])
console.warn('installedProvidersMap', installedProvidersMap)
const { formatTime } = useTimestamp()
const {
plugins: allPlugins,
@ -77,7 +76,7 @@ const QuotaPanel: FC<QuotaPanelProps> = ({
const selectedPluginIdRef = useRef<string | null>(null)
const handleIconClick = useCallback((key: ModelProviderQuotaGetPaid) => {
const isInstalled = installedProvidersMap.get(key)
const isInstalled = providerMap.get(key)
if (!isInstalled && allPlugins) {
const pluginId = providerKeyToPluginId[key]
const plugin = allPlugins.find(p => p.plugin_id === pluginId)
@ -135,12 +134,12 @@ const QuotaPanel: FC<QuotaPanelProps> = ({
<div className="flex items-center gap-1">
{allProviders.filter(({ key }) => trial_models.includes(key)).map(({ key, Icon }) => {
const providerType = providerMap.get(key)
const isInstalled = installedProvidersMap.get(key)
const usingQuota = providerType === PreferredProviderTypeEnum.system
const isConfigured = (installedProvidersMap.get(key)?.length ?? 0) > 0 // means the provider is configured API key
const getTooltipKey = () => {
if (!isInstalled)
// if provider type is not set, it means the provider is not installed
if (!providerType)
return 'modelProvider.card.modelNotSupported'
if (isInstalled && providerType === PreferredProviderTypeEnum.custom)
if (isConfigured && providerType === PreferredProviderTypeEnum.custom)
return 'modelProvider.card.modelAPI'
return 'modelProvider.card.modelSupported'
}
@ -154,7 +153,7 @@ const QuotaPanel: FC<QuotaPanelProps> = ({
onClick={() => handleIconClick(key)}
>
<Icon className="h-6 w-6 rounded-lg" />
{!usingQuota && (
{!providerType && (
<div className="absolute inset-0 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge opacity-30" />
)}
</div>