youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-03-10 09:56:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): streamline PopupItem component for credit management

Browse Source 
- Removed unused context and variables related to workspace and custom configuration.
- Simplified credit usage logic by leveraging state management for better clarity and performance.
- Enhanced readability by restructuring the code for determining credit status and API key activity.
This commit is contained in:
CodingOnStar
2026-03-09 13:10:29 +08:00
parent 02444af2e3
commit 1a26e1669b
1 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/app/components/header/account-setting/model-provider-page/model-selector/popup-item.tsx
View File

@ -13,17 +13,14 @@ import {
PopoverContent,
PopoverTrigger,
} from '@/app/components/base/ui/popover'
import { useAppContext } from '@/context/app-context'
import { useModalContext } from '@/context/modal-context'
import { useProviderContext } from '@/context/provider-context'
import { cn } from '@/utils/classnames'
import {
ConfigurationMethodEnum,
CustomConfigurationStatusEnum,
ModelFeatureEnum,
ModelStatusEnum,
ModelTypeEnum,
PreferredProviderTypeEnum,
} from '../declarations'
import {
useLanguage,
@ -58,7 +55,6 @@ const PopupItem: FC<PopupItemProps> = ({
const [dropdownOpen, setDropdownOpen] = useState(false)
const { t } = useTranslation()
const language = useLanguage()
const { currentWorkspace } = useAppContext()
const { setShowModelModal } = useModalContext()
const { modelProviders } = useProviderContext()
const updateModelList = useUpdateModelList()
@ -87,15 +83,14 @@ const PopupItem: FC<PopupItemProps> = ({
})
}
const isUsingCredits = currentProvider?.preferred_provider_type === PreferredProviderTypeEnum.system
const credits = Math.max((currentWorkspace.trial_credits - currentWorkspace.trial_credits_used) || 0, 0)
const hasCredits = credits > 0
const isApiKeyActive = currentProvider?.custom_configuration.status === CustomConfigurationStatusEnum.active
const credentialName = currentProvider?.custom_configuration.current_credential_name
const state = useCredentialPanelState(currentProvider)
const { isChangingPriority, handleChangePriority } = useChangeProviderPriority(currentProvider)
const isUsingCredits = state.priority === 'credits'
const hasCredits = !state.isCreditsExhausted
const isApiKeyActive = state.variant === 'api-active' || state.variant === 'api-fallback'
const { credentialName } = state
const handleCloseDropdown = useCallback(() => {
setDropdownOpen(false)
onHide()