fix: error

components/user/balance-card.tsx

@@ -18,7 +18,7 @@ export function BalanceCard({ balance, onRecharge, onHistory }: BalanceCardProps
   const borderColor = useThemeColor({}, 'cardBorder');
 
   return (
-    <ThemedView style={styles.container}>
+    <ThemedView style={[styles.container, { backgroundColor: cardColor, borderColor }]}>
       <View style={styles.header}>
         <View style={styles.titleContainer}>
           <IconSymbol name="dollarsign.circle" size={24} color={tintColor} />
@@ -60,6 +60,8 @@ export function BalanceCard({ balance, onRecharge, onHistory }: BalanceCardProps
 const styles = StyleSheet.create({
   container: {
     padding: 20,
+    borderRadius: 20,
+    borderWidth: 1,
   },
   header: {
     flexDirection: 'row',
@@ -129,4 +131,4 @@ const styles = StyleSheet.create({
     color: '#666',
     flex: 1,
   },
-});
+});

components/user/generation-records.tsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import { StyleSheet, ScrollView, TouchableOpacity, RefreshControl, Alert, ActivityIndicator } from 'react-native';
-import { router } from 'expo-router';
+import { StyleSheet, ScrollView, TouchableOpacity, RefreshControl, Alert } from 'react-native';
 
 import { ThemedView } from '@/components/themed-view';
 import { ThemedText } from '@/components/themed-text';
@@ -44,10 +43,8 @@ const mockRecords: GenerationRecord[] = [
 export function GenerationRecords({ userId }: GenerationRecordsProps) {
   const [records, setRecords] = useState<GenerationRecord[]>(mockRecords);
   const [refreshing, setRefreshing] = useState(false);
-  const [loading, setLoading] = useState(false);
 
   const tintColor = useThemeColor({}, 'tint');
-  const textColor = useThemeColor({}, 'text');
 
   const getTypeIcon = (type: string) => {
     switch (type) {
@@ -124,7 +121,7 @@ export function GenerationRecords({ userId }: GenerationRecordsProps) {
     }
   };
 
-  if (records.length === 0 && !loading) {
+  if (records.length === 0) {
     return (
       <ThemedView style={styles.container}>
         <ThemedView style={styles.header}>
@@ -316,4 +313,4 @@ const styles = StyleSheet.create({
     fontSize: 14,
     color: '#666',
   },
-});
+});