From 61fbf98c63ecc933e2941f3eb4b9365fcd8f8bbe Mon Sep 17 00:00:00 2001
From: emergent-agent-e1 <github@emergent.sh>
Date: Sat, 8 Nov 2025 20:15:07 +0000
Subject: [PATCH] auto-commit for 9258f5bb-c663-4074-86c6-c3ba2a6a34f2

---
 frontend/src/screens/HomeScreen.tsx | 144 +++++++++++++++++++++++++++-
 1 file changed, 142 insertions(+), 2 deletions(-)

diff --git a/frontend/src/screens/HomeScreen.tsx b/frontend/src/screens/HomeScreen.tsx
index 4cc0851e..aa4a766d 100644
--- a/frontend/src/screens/HomeScreen.tsx
+++ b/frontend/src/screens/HomeScreen.tsx
@@ -603,8 +603,148 @@ const styles = StyleSheet.create({
   tabBar: {
     borderTopWidth: 1,
     borderTopColor: '#E5E7EB',
-    paddingBottom: 8,
+    paddingBottom: 20,
     paddingTop: 8,
-    height: 65,
+    backgroundColor: '#FFF',
+  },
+  // New Wallet Styles
+  balanceRow: {
+    flexDirection: 'row',
+    padding: 16,
+    gap: 12,
+  },
+  balanceCardNew: {
+    flex: 1,
+    backgroundColor: '#FFF',
+    padding: 16,
+    borderRadius: 16,
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 3,
+  },
+  tokenLogoNew: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    marginBottom: 8,
+  },
+  tokenSymbolNew: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#1F2937',
+    marginBottom: 4,
+  },
+  balanceAmountNew: {
+    fontSize: 24,
+    fontWeight: '700',
+    color: '#EE2A35',
+    marginBottom: 4,
+  },
+  tokenNameNew: {
+    fontSize: 12,
+    color: '#6B7280',
+  },
+  actionsContainer: {
+    margin: 16,
+    backgroundColor: '#FFF',
+    padding: 16,
+    borderRadius: 16,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 3,
+  },
+  actionsRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 12,
+  },
+  actionBtn: {
+    width: (width - 80) / 4,
+    padding: 12,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  actionBtnText: {
+    color: '#FFF',
+    fontSize: 11,
+    fontWeight: '600',
+    marginTop: 4,
+  },
+  tokensContainer: {
+    margin: 16,
+    marginTop: 0,
+  },
+  tokensTitle: {
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#1F2937',
+    marginBottom: 12,
+    paddingHorizontal: 4,
+  },
+  tokenItem: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    backgroundColor: '#FFF',
+    padding: 16,
+    borderRadius: 12,
+    marginBottom: 8,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.05,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  tokenItemLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+  },
+  tokenIconContainer: {
+    position: 'relative',
+    width: 40,
+    height: 40,
+  },
+  tokenIcon: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+  },
+  networkBadge: {
+    position: 'absolute',
+    right: -4,
+    bottom: -4,
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    borderWidth: 2,
+    borderColor: '#FFF',
+  },
+  tokenItemName: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#1F2937',
+  },
+  tokenItemNetwork: {
+    fontSize: 12,
+    color: '#6B7280',
+  },
+  tokenItemRight: {
+    alignItems: 'flex-end',
+  },
+  tokenItemBalance: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#1F2937',
+  },
+  tokenItemUsd: {
+    fontSize: 12,
+    color: '#6B7280',
   },
 });