admin/cc-switch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(frontend): update UI components for database migration

Browse Source 
- Update UsageFooter component to handle new data structure
- Modify SkillsPage to work with database-backed skills management
- Ensure frontend compatibility with refactored backend
This commit is contained in:
YoVinchen
2025-11-22 23:28:35 +08:00
parent a2688603fb
commit 5a3420932b
2 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/UsageFooter.tsx
View File

@@ -156,7 +156,8 @@ const UsageFooter: React.FC<UsageFooterProps> = ({
{t("usage.remaining")} {t("usage.remaining")}
</span> </span>
<span <span
className={`font-semibold tabular-nums ${isExpired className={`font-semibold tabular-nums ${
isExpired
? "text-red-500 dark:text-red-400" ? "text-red-500 dark:text-red-400"
: firstUsage.remaining < : firstUsage.remaining <
(firstUsage.total || firstUsage.remaining) * 0.1 (firstUsage.total || firstUsage.remaining) * 0.1
@@ -310,7 +311,8 @@ const UsagePlanItem: React.FC<{ data: UsageData }> = ({ data }) => {
{t("usage.remaining")} {t("usage.remaining")}
</span> </span>
<span <span
className={`font-semibold tabular-nums ${isExpired className={`font-semibold tabular-nums ${
isExpired
? "text-red-500 dark:text-red-400" ? "text-red-500 dark:text-red-400"
: remaining < (total || remaining) * 0.1 : remaining < (total || remaining) * 0.1
? "text-orange-500 dark:text-orange-400" ? "text-orange-500 dark:text-orange-400"