fix on app

coinbase · Sep 14, 2024 · 4c78180 · 4c78180
1 parent dcfb678
commit 4c78180
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 63 deletions.
diff --git a/app/cryptopunch/page.tsx b/app/cryptopunch/page.tsx
diff --git a/app/page.tsx b/app/page.tsx
@@ -46,7 +46,7 @@ export default function Home() {
     {[
         { 
           name: 'Lending App', 
-          route: '/aave',
+          route: '/usdcflow',
           description: 'Explore Aave integration with CDP SDK for decentralized lending and borrowing.'
         },
         { 

diff --git a/app/aave/page.tsx → app/usdcflow/page.tsx b/app/aave/page.tsx → app/usdcflow/page.tsx
@@ -122,11 +122,13 @@ export default function AaveInteraction() {
                     </Card>
                 </div>
             )}
-
             <div className="container mx-auto px-4 py-12">
-                <h1 className="text-4xl font-semibold text-center mb-8 text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600">
+                <h1 className="text-4xl font-semibold text-center mb-2 text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600">
                     USDCFlow
                 </h1>
+                <p className="text-lg font-small text-center mb-8 text-transparent bg-clip-text bg-gradient-to-r from-lavender-400 to-blue-500">
+                    USDC DeFi Demo App
+                </p>
 
                 {isLoading ? (
                     <div className="flex justify-center items-center h-64">
@@ -136,13 +138,13 @@ export default function AaveInteraction() {
                     <>
                         <Card className="mb-8 bg-lavender-50 shadow-lg">
                             <CardHeader>
-                                <CardTitle className="text-2xl text-blue-600">USDC Lending App</CardTitle>
+                                <CardTitle className="text-xl text-blue-600"> Features</CardTitle>
                             </CardHeader>
                             <CardContent>
                                 <p className="mb-2">This demo app allow you to:</p>
                                 <ul className="list-disc list-inside text-gray-700">
                                     <li>Borrow and lend USDC effortlessly with USDCFlow, the all-in-one USDC platform</li>
-                                    <li>Competitive yields, no credit checks, and instant access to USDC</li>
+                                    <li>Competitive rates, no credit checks, and instant access to USDC</li>
                                     <li>Earn attractive yields on your idle USDC holdings with our user-friendly lending platform</li>
                                     <li>Seamless, secure, and intuitive experience for borrowing and lending</li>
                                 </ul>
@@ -153,7 +155,7 @@ export default function AaveInteraction() {
                         </Card>
                         <Card className="mb-8 bg-white shadow-lg">
                             <CardHeader>
-                                <CardTitle className="text-2xl text-blue-600">Account overview</CardTitle>
+                                <CardTitle className="text-xl text-blue-600">Account overview</CardTitle>
                             </CardHeader>
                             <CardContent>
                                 {error && (
@@ -167,8 +169,8 @@ export default function AaveInteraction() {
                                 </Button>                        
                                 {accountData && (
                                 <div className="bg-lavender-50 p-4 rounded-lg">
-                                    <p className="mb-2">Wallet Address: {accountData.walletAddress}</p>
-                                    <p>Wallet Balance: {parseFloat(accountData.usdcBalance).toFixed(2)} USDC</p>
+                                    <p className="mb-1">Wallet Address: {accountData.walletAddress}</p>
+                                    <p className="mb-1">Wallet Balance: {parseFloat(accountData.usdcBalance).toFixed(2)} USDC</p>
                                     <p className="mb-1">Total Deposited: {accountData.totalDeposited} USDC</p>
                                     <p className="mb-1">Total Debt: {accountData.totalDebtBase} USDC</p>
                                     <p className="mb-1">Available to borrow: {accountData.availableBorrowsBase} USDC</p>
@@ -180,7 +182,7 @@ export default function AaveInteraction() {
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
                             <Card className="bg-white shadow-lg">
                                 <CardHeader>
-                                    <CardTitle className="text-2xl text-blue-600">Supply Assets</CardTitle>
+                                    <CardTitle className="text-xl text-blue-600">Supply Assets</CardTitle>
                                 </CardHeader>
                                 <CardContent>
                                     <Input
@@ -208,7 +210,7 @@ export default function AaveInteraction() {
 
                             <Card className="bg-white shadow-lg">
                                 <CardHeader>
-                                    <CardTitle className="text-2xl text-blue-600">Borrow Assets</CardTitle>
+                                    <CardTitle className="text-xl text-blue-600">Borrow Assets</CardTitle>
                                 </CardHeader>
                                 <CardContent>
                                     <Input