From 303810a1e4d06a7b1551870cd5d09f6168f34fe0 Mon Sep 17 00:00:00 2001 From: om santoshwar Date: Sun, 24 Nov 2024 02:28:50 +0530 Subject: [PATCH 01/10] Fix: add defi concept cards below the table --- app/discover/defi/constants.tsx | 112 ++++++++++++++++++++++++++++++ app/discover/defi/page.tsx | 27 ++++++- components/UI/DefiConceptCard.tsx | 33 +++++++++ package-lock.json | 2 +- 4 files changed, 172 insertions(+), 2 deletions(-) create mode 100644 app/discover/defi/constants.tsx create mode 100644 components/UI/DefiConceptCard.tsx diff --git a/app/discover/defi/constants.tsx b/app/discover/defi/constants.tsx new file mode 100644 index 00000000..7b3b51e9 --- /dev/null +++ b/app/discover/defi/constants.tsx @@ -0,0 +1,112 @@ +import React from 'react'; + +export const DEFI_CONCEPTS = [ + { + title: "Provide liquidity", + description: "Add token pairs to pools and earn fees from trades", + icon:
+ + + +
+ }, + { + title: "Stake", + description: "Lock tokens to earn passive rewards and voting rights", + icon:
+ + + +
+ }, + { + title: "Yield Farming", + description: "Earn additional tokens by participating in DeFi protocols", + icon:
+ + + +
+ }, + { + title: "Supply", + description: "Deposit assets into a protocol to earn yield", + icon:
+ + + +
+ }, + { + title: "Lend & Borrow", + description: "Supply assets to earn interest or borrow against collateral", + icon:
+ + + +
+ }, + { + title: "Collateral", + description: "Assets deposited as security for borrowing", + icon:
+ + + +
+ }, + { + title: "Impermanent Loss", + description: "Potential loss when providing liquidity compared to holding", + icon:
+ + + +
+ }, + { + title: "TVL", + description: "Total value of assets deposited in a protocol", + icon:
+ + + +
+ }, + { + title: "APR", + description: "Simple interest rate earned over one year", + icon:
+ + + +
+ }, + { + title: "APY", + description: "Compound interest rate earned over one year", + icon:
+ + + +
+ }, + { + title: "Swap", + description: "Exchange one token for another at market price", + icon:
+ + + +
+ }, + { + title: "Bridge", + description: "Transfer assets between different blockchains", + icon:
+ + + +
+ } +]; \ No newline at end of file diff --git a/app/discover/defi/page.tsx b/app/discover/defi/page.tsx index 6f42478e..c7fa8de0 100644 --- a/app/discover/defi/page.tsx +++ b/app/discover/defi/page.tsx @@ -1,6 +1,7 @@ "use client"; import DataTable from "@components/discover/defiTable"; +import DeFiConceptCard from "@components/UI/DefiConceptcard"; import { getAltProtocolStats, getDerivatesStats, @@ -9,10 +10,14 @@ import { } from "@services/apiService"; import { formatStatsData } from "@utils/defi"; import React, { useEffect, useCallback } from "react"; +import Typography from "@components/UI/typography/typography"; +import { TEXT_TYPE } from "@constants/typography"; +import { DEFI_CONCEPTS } from "./constants"; export default function Page() { const [data, setData] = React.useState([]); const [loading, setLoading] = React.useState(false); + const fetchPageData = useCallback(async () => { try { setLoading(true); @@ -38,6 +43,7 @@ export default function Page() { useEffect(() => { fetchPageData(); }, []); + return (
{/*
*/}
- + +
+ +
+ + Essential DeFi Concepts + +
+ {DEFI_CONCEPTS.map((concept, index) => ( + + ))} +
); diff --git a/components/UI/DefiConceptCard.tsx b/components/UI/DefiConceptCard.tsx new file mode 100644 index 00000000..0b2bb95b --- /dev/null +++ b/components/UI/DefiConceptCard.tsx @@ -0,0 +1,33 @@ +import React from 'react'; +import Typography from "@components/UI/typography/typography"; +import { TEXT_TYPE } from "@constants/typography"; + +type DeFiConceptCardProps = { + title: string; + description: string; + icon: React.ReactNode; +}; + +const DeFiConceptCard = ({ title, description, icon }: DeFiConceptCardProps) => { + return ( +
+
+ {icon} +
+ + {title} + + + {description} + +
+ ); +}; + +export default DeFiConceptCard; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index ef620e68..4c0260a6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16021,4 +16021,4 @@ } } } -} +} \ No newline at end of file From a90a60c5f12b8af97a78b4a62bbcacbb159ecdfd Mon Sep 17 00:00:00 2001 From: om santoshwar Date: Sun, 24 Nov 2024 15:08:03 +0530 Subject: [PATCH 02/10] fixes --- app/discover/defi/constants.tsx | 313 +++++++++++++++++++++++++------- app/discover/defi/page.tsx | 18 +- 2 files changed, 258 insertions(+), 73 deletions(-) diff --git a/app/discover/defi/constants.tsx b/app/discover/defi/constants.tsx index 7b3b51e9..89bcce35 100644 --- a/app/discover/defi/constants.tsx +++ b/app/discover/defi/constants.tsx @@ -1,112 +1,297 @@ -import React from 'react'; +import React from "react"; -export const DEFI_CONCEPTS = [ +interface DefiConcept { + title: string; + description: string; + icon: JSX.Element; +} + +export const DEFI_CONCEPTS: DefiConcept[] = [ { title: "Provide liquidity", description: "Add token pairs to pools and earn fees from trades", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Stake", description: "Lock tokens to earn passive rewards and voting rights", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Yield Farming", description: "Earn additional tokens by participating in DeFi protocols", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Supply", description: "Deposit assets into a protocol to earn yield", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Lend & Borrow", description: "Supply assets to earn interest or borrow against collateral", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Collateral", description: "Assets deposited as security for borrowing", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Impermanent Loss", description: "Potential loss when providing liquidity compared to holding", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "TVL", description: "Total value of assets deposited in a protocol", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "APR", description: "Simple interest rate earned over one year", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "APY", description: "Compound interest rate earned over one year", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Swap", description: "Exchange one token for another at market price", - icon:
- - - -
+ icon: ( +
+ + + +
+ ), }, { title: "Bridge", description: "Transfer assets between different blockchains", - icon:
- - - -
- } -]; \ No newline at end of file + icon: ( +
+ + + +
+ ), + }, +]; diff --git a/app/discover/defi/page.tsx b/app/discover/defi/page.tsx index c7fa8de0..75d8c547 100644 --- a/app/discover/defi/page.tsx +++ b/app/discover/defi/page.tsx @@ -1,7 +1,7 @@ "use client"; import DataTable from "@components/discover/defiTable"; -import DeFiConceptCard from "@components/UI/DefiConceptcard"; +import DeFiConceptCard from "@components/UI/DefiConceptCard"; import { getAltProtocolStats, getDerivatesStats, @@ -43,7 +43,7 @@ export default function Page() { useEffect(() => { fetchPageData(); }, []); - + return (
{/*
*/}
- +
- + Essential DeFi Concepts -
+
{DEFI_CONCEPTS.map((concept, index) => ( Date: Sun, 24 Nov 2024 15:25:41 +0530 Subject: [PATCH 03/10] Improvements --- app/discover/defi/constants.tsx | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/app/discover/defi/constants.tsx b/app/discover/defi/constants.tsx index 89bcce35..f31cb944 100644 --- a/app/discover/defi/constants.tsx +++ b/app/discover/defi/constants.tsx @@ -19,7 +19,7 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ fill="none" xmlns="http://www.w3.org/2000/svg" role="img" - aria-label="[concept] icon" + aria-label="provide liquidity icon" > @@ -63,7 +63,7 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ fill="none" xmlns="http://www.w3.org/2000/svg" role="img" - aria-label="[concept] icon" + aria-label="yield farming icon" > Date: Sun, 24 Nov 2024 23:02:55 +0530 Subject: [PATCH 04/10] fix ui --- app/discover/defi/constants.tsx | 465 ++++++++++++++++++------------ app/discover/defi/page.tsx | 10 +- components/UI/DefiConceptCard.tsx | 39 +-- 3 files changed, 312 insertions(+), 202 deletions(-) diff --git a/app/discover/defi/constants.tsx b/app/discover/defi/constants.tsx index f31cb944..900ab1b2 100644 --- a/app/discover/defi/constants.tsx +++ b/app/discover/defi/constants.tsx @@ -11,22 +11,25 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Provide liquidity", description: "Add token pairs to pools and earn fees from trades", icon: ( -
+
+
@@ -36,18 +39,21 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Stake", description: "Lock tokens to earn passive rewards and voting rights", icon: ( -
- - - +
+ + + + + + + + + + + + + +
), }, @@ -55,24 +61,25 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Yield Farming", description: "Earn additional tokens by participating in DeFi protocols", icon: ( -
- - - +
+ + + + + + + + + + + + + + + + + +
), }, @@ -80,23 +87,21 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Supply", description: "Deposit assets into a protocol to earn yield", icon: ( -
- - - +
+ + + + + + + + + + + + + +
), }, @@ -104,23 +109,130 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Lend & Borrow", description: "Supply assets to earn interest or borrow against collateral", icon: ( -
- - - +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
), }, @@ -128,22 +240,25 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Collateral", description: "Assets deposited as security for borrowing", icon: ( -
- - - +
+ + + + + + + + + + + + + + + + + +
), }, @@ -151,24 +266,28 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Impermanent Loss", description: "Potential loss when providing liquidity compared to holding", icon: ( -
- - - +
+ + + + + + + + + + + + + + + + + + + + +
), }, @@ -176,7 +295,7 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "TVL", description: "Total value of assets deposited in a protocol", icon: ( -
+
- - - +
+ + + + + + + + + + +
), }, @@ -224,24 +338,31 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "APY", description: "Compound interest rate earned over one year", icon: ( -
- - - +
+ + + + + + + + + + + + + + + + + + + + + + + +
), }, @@ -249,24 +370,19 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Swap", description: "Exchange one token for another at market price", icon: ( -
- - - +
+ + + + + + + + + + + +
), }, @@ -274,23 +390,12 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ title: "Bridge", description: "Transfer assets between different blockchains", icon: ( -
- - - +
+ + + + +
), }, diff --git a/app/discover/defi/page.tsx b/app/discover/defi/page.tsx index 75d8c547..7637b7cf 100644 --- a/app/discover/defi/page.tsx +++ b/app/discover/defi/page.tsx @@ -45,7 +45,7 @@ export default function Page() { }, []); return ( -
+
{/*
@@ -62,19 +62,19 @@ export default function Page() {
*/} -
+
- + Essential DeFi Concepts
- {DEFI_CONCEPTS.map((concept, index) => ( + {DEFI_CONCEPTS.map((concept) => ( { +const DefiConceptCard = ({ title, description, icon }: DefiConceptCardProps) => { return ( -
+
+ {/* Icon wrapper to control size */}
{icon}
- - {title} - - - {description} - + + {/* Text content with adjusted spacing */} +
+ + {title} + + + {description} + +
); }; -export default DeFiConceptCard; \ No newline at end of file +export default DefiConceptCard; \ No newline at end of file From c79972ec400f5df475b7113c99c9aeb3007c6ff1 Mon Sep 17 00:00:00 2001 From: om santoshwar Date: Sun, 24 Nov 2024 23:06:35 +0530 Subject: [PATCH 05/10] fix icon --- app/discover/defi/constants.tsx | 50 ++++++++++++++++++++++----------- 1 file changed, 34 insertions(+), 16 deletions(-) diff --git a/app/discover/defi/constants.tsx b/app/discover/defi/constants.tsx index 900ab1b2..3dfd0cde 100644 --- a/app/discover/defi/constants.tsx +++ b/app/discover/defi/constants.tsx @@ -296,22 +296,40 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ description: "Total value of assets deposited in a protocol", icon: (
- - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
), }, From 2dacf22b2114e5047db1406c31396e455ad3ebd0 Mon Sep 17 00:00:00 2001 From: om santoshwar Date: Sun, 24 Nov 2024 23:18:31 +0530 Subject: [PATCH 06/10] card hover effect --- components/UI/DefiConceptCard.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/UI/DefiConceptCard.tsx b/components/UI/DefiConceptCard.tsx index 95f703a8..48923c15 100644 --- a/components/UI/DefiConceptCard.tsx +++ b/components/UI/DefiConceptCard.tsx @@ -10,7 +10,7 @@ interface DefiConceptCardProps { const DefiConceptCard = ({ title, description, icon }: DefiConceptCardProps) => { return ( -
+
{/* Icon wrapper to control size */}
{icon} From 498aad8e3e786841ad2fdc395bba17269400ed72 Mon Sep 17 00:00:00 2001 From: om santoshwar Date: Mon, 25 Nov 2024 21:23:40 +0530 Subject: [PATCH 07/10] fix responsiveness --- app/discover/defi/page.tsx | 34 ++++++++++++++++--------------- components/UI/DefiConceptCard.tsx | 4 +--- 2 files changed, 19 insertions(+), 19 deletions(-) diff --git a/app/discover/defi/page.tsx b/app/discover/defi/page.tsx index 7637b7cf..5666c763 100644 --- a/app/discover/defi/page.tsx +++ b/app/discover/defi/page.tsx @@ -66,22 +66,24 @@ export default function Page() {
-
- - Essential DeFi Concepts - -
- {DEFI_CONCEPTS.map((concept) => ( - - ))} +
+
+ + Essential DeFi Concepts + +
+ {DEFI_CONCEPTS.map((concept) => ( + + ))} +
diff --git a/components/UI/DefiConceptCard.tsx b/components/UI/DefiConceptCard.tsx index 48923c15..4f8ce587 100644 --- a/components/UI/DefiConceptCard.tsx +++ b/components/UI/DefiConceptCard.tsx @@ -10,13 +10,11 @@ interface DefiConceptCardProps { const DefiConceptCard = ({ title, description, icon }: DefiConceptCardProps) => { return ( -
- {/* Icon wrapper to control size */} +
{icon}
- {/* Text content with adjusted spacing */}
Date: Tue, 26 Nov 2024 10:42:59 +0530 Subject: [PATCH 08/10] make code modular --- app/discover/defi/constants.tsx | 386 +---------------- app/discover/defi/icons/apr.tsx | 44 ++ app/discover/defi/icons/apy.tsx | 80 ++++ app/discover/defi/icons/bridge.tsx | 24 + app/discover/defi/icons/collateral.tsx | 50 +++ app/discover/defi/icons/impermanent-loss.tsx | 63 +++ app/discover/defi/icons/lend-borrow.tsx | 410 ++++++++++++++++++ app/discover/defi/icons/provide-liquidity.tsx | 26 ++ app/discover/defi/icons/stake.tsx | 45 ++ app/discover/defi/icons/supply.tsx | 45 ++ app/discover/defi/icons/swap.tsx | 36 ++ app/discover/defi/icons/tvl.tsx | 105 +++++ app/discover/defi/icons/yield-farming.tsx | 61 +++ app/discover/defi/page.tsx | 16 - 14 files changed, 1013 insertions(+), 378 deletions(-) create mode 100644 app/discover/defi/icons/apr.tsx create mode 100644 app/discover/defi/icons/apy.tsx create mode 100644 app/discover/defi/icons/bridge.tsx create mode 100644 app/discover/defi/icons/collateral.tsx create mode 100644 app/discover/defi/icons/impermanent-loss.tsx create mode 100644 app/discover/defi/icons/lend-borrow.tsx create mode 100644 app/discover/defi/icons/provide-liquidity.tsx create mode 100644 app/discover/defi/icons/stake.tsx create mode 100644 app/discover/defi/icons/supply.tsx create mode 100644 app/discover/defi/icons/swap.tsx create mode 100644 app/discover/defi/icons/tvl.tsx create mode 100644 app/discover/defi/icons/yield-farming.tsx diff --git a/app/discover/defi/constants.tsx b/app/discover/defi/constants.tsx index 3dfd0cde..9c342329 100644 --- a/app/discover/defi/constants.tsx +++ b/app/discover/defi/constants.tsx @@ -1,4 +1,16 @@ import React from "react"; +import { BridgeIcon } from "./icons/bridge"; +import { SwapIcon } from "./icons/swap"; +import { ApyIcon } from "./icons/apy"; +import { AprIcon } from "./icons/apr"; +import { TvlIcon } from "./icons/tvl"; +import { ImpermanentLossIcon } from "./icons/impermanent-loss"; +import { CollateralIcon } from "./icons/collateral"; +import { LendBorrow } from "./icons/lend-borrow"; +import { SupplyIcon } from "./icons/supply"; +import { YieldFarmingIcon } from "./icons/yield-farming"; +import { StakeIcon } from "./icons/stake"; +import { ProvideLiquidityIcon } from "./icons/provide-liquidity"; interface DefiConcept { title: string; @@ -10,411 +22,61 @@ export const DEFI_CONCEPTS: DefiConcept[] = [ { title: "Provide liquidity", description: "Add token pairs to pools and earn fees from trades", - icon: ( -
- - - - -
- ), + icon: , }, { title: "Stake", description: "Lock tokens to earn passive rewards and voting rights", - icon: ( -
- - - - - - - - - - - - - - -
- ), + icon: , }, { title: "Yield Farming", description: "Earn additional tokens by participating in DeFi protocols", - icon: ( -
- - - - - - - - - - - - - - - - - - -
- ), + icon: , }, { title: "Supply", description: "Deposit assets into a protocol to earn yield", - icon: ( -
- - - - - - - - - - - - - - -
- ), + icon: , }, { title: "Lend & Borrow", description: "Supply assets to earn interest or borrow against collateral", - icon: ( -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- ), + icon: , }, { title: "Collateral", description: "Assets deposited as security for borrowing", - icon: ( -
- - - - - - - - - - - - - - - - - - -
- ), + icon: , }, { title: "Impermanent Loss", description: "Potential loss when providing liquidity compared to holding", - icon: ( -
- - - - - - - - - - - - - - - - - - - - - -
- ), + icon: , }, { title: "TVL", description: "Total value of assets deposited in a protocol", - icon: ( -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- ), + icon: , }, { title: "APR", description: "Simple interest rate earned over one year", - icon: ( -
- - - - - - - - - - - -
- ), + icon: , }, { title: "APY", description: "Compound interest rate earned over one year", - icon: ( -
- - - - - - - - - - - - - - - - - - - - - - - - -
- ), + icon: , }, { title: "Swap", description: "Exchange one token for another at market price", - icon: ( -
- - - - - - - - - - - - -
- ), + icon: , }, { title: "Bridge", description: "Transfer assets between different blockchains", - icon: ( -
- - - - - -
- ), + icon: , }, ]; diff --git a/app/discover/defi/icons/apr.tsx b/app/discover/defi/icons/apr.tsx new file mode 100644 index 00000000..411959e5 --- /dev/null +++ b/app/discover/defi/icons/apr.tsx @@ -0,0 +1,44 @@ +export const AprIcon = () => ( +
+ + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/apy.tsx b/app/discover/defi/icons/apy.tsx new file mode 100644 index 00000000..354efbe0 --- /dev/null +++ b/app/discover/defi/icons/apy.tsx @@ -0,0 +1,80 @@ +export const ApyIcon = () => ( +
+ + + + + + + + + + + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/bridge.tsx b/app/discover/defi/icons/bridge.tsx new file mode 100644 index 00000000..697e4cf7 --- /dev/null +++ b/app/discover/defi/icons/bridge.tsx @@ -0,0 +1,24 @@ +export const BridgeIcon = () => ( +
+ + + + +
+); \ No newline at end of file diff --git a/app/discover/defi/icons/collateral.tsx b/app/discover/defi/icons/collateral.tsx new file mode 100644 index 00000000..d4dfbb5b --- /dev/null +++ b/app/discover/defi/icons/collateral.tsx @@ -0,0 +1,50 @@ +export const CollateralIcon = () =>( +
+ + + + + + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/impermanent-loss.tsx b/app/discover/defi/icons/impermanent-loss.tsx new file mode 100644 index 00000000..ec090796 --- /dev/null +++ b/app/discover/defi/icons/impermanent-loss.tsx @@ -0,0 +1,63 @@ +export const ImpermanentLossIcon =()=>( +
+ + + + + + + + + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/lend-borrow.tsx b/app/discover/defi/icons/lend-borrow.tsx new file mode 100644 index 00000000..5f55b9e4 --- /dev/null +++ b/app/discover/defi/icons/lend-borrow.tsx @@ -0,0 +1,410 @@ +export const LendBorrow = () => ( +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/provide-liquidity.tsx b/app/discover/defi/icons/provide-liquidity.tsx new file mode 100644 index 00000000..b2d12952 --- /dev/null +++ b/app/discover/defi/icons/provide-liquidity.tsx @@ -0,0 +1,26 @@ +export const ProvideLiquidityIcon = () =>( +
+ + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/stake.tsx b/app/discover/defi/icons/stake.tsx new file mode 100644 index 00000000..42f470dc --- /dev/null +++ b/app/discover/defi/icons/stake.tsx @@ -0,0 +1,45 @@ +export const StakeIcon = ()=>( +
+ + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/supply.tsx b/app/discover/defi/icons/supply.tsx new file mode 100644 index 00000000..9fcf66f4 --- /dev/null +++ b/app/discover/defi/icons/supply.tsx @@ -0,0 +1,45 @@ +export const SupplyIcon = () =>( +
+ + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/swap.tsx b/app/discover/defi/icons/swap.tsx new file mode 100644 index 00000000..41c1bf05 --- /dev/null +++ b/app/discover/defi/icons/swap.tsx @@ -0,0 +1,36 @@ +export const SwapIcon = ()=>( +
+ + + + + + + + + + + +
+); \ No newline at end of file diff --git a/app/discover/defi/icons/tvl.tsx b/app/discover/defi/icons/tvl.tsx new file mode 100644 index 00000000..790bad4a --- /dev/null +++ b/app/discover/defi/icons/tvl.tsx @@ -0,0 +1,105 @@ +export const TvlIcon = () =>( +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/icons/yield-farming.tsx b/app/discover/defi/icons/yield-farming.tsx new file mode 100644 index 00000000..3dabf374 --- /dev/null +++ b/app/discover/defi/icons/yield-farming.tsx @@ -0,0 +1,61 @@ +export const YieldFarmingIcon = ()=>( +
+ + + + + + + + + + + + + + + + + +
+ ); \ No newline at end of file diff --git a/app/discover/defi/page.tsx b/app/discover/defi/page.tsx index 5666c763..c29ae440 100644 --- a/app/discover/defi/page.tsx +++ b/app/discover/defi/page.tsx @@ -46,22 +46,6 @@ export default function Page() { return (
- {/*
-
- - Starknet Foundation - - - The Start of DeFi Spring - -
-
*/}
From f56e49c73a12a7cb433a70031c4d68582d558418 Mon Sep 17 00:00:00 2001 From: om santoshwar Date: Tue, 26 Nov 2024 11:16:25 +0530 Subject: [PATCH 09/10] ai suggestions --- app/discover/defi/icons/apr.tsx | 6 ++- app/discover/defi/icons/apy.tsx | 8 ++-- app/discover/defi/icons/bridge.tsx | 6 ++- app/discover/defi/icons/collateral.tsx | 16 ++++--- app/discover/defi/icons/impermanent-loss.tsx | 16 ++++--- app/discover/defi/icons/lend-borrow.tsx | 46 ++++++++++--------- app/discover/defi/icons/provide-liquidity.tsx | 6 ++- app/discover/defi/icons/stake.tsx | 8 ++-- app/discover/defi/icons/supply.tsx | 8 ++-- app/discover/defi/icons/swap.tsx | 8 ++-- app/discover/defi/icons/tvl.tsx | 24 +++++----- app/discover/defi/icons/yield-farming.tsx | 8 ++-- 12 files changed, 92 insertions(+), 68 deletions(-) diff --git a/app/discover/defi/icons/apr.tsx b/app/discover/defi/icons/apr.tsx index 411959e5..a19116c1 100644 --- a/app/discover/defi/icons/apr.tsx +++ b/app/discover/defi/icons/apr.tsx @@ -1,4 +1,6 @@ -export const AprIcon = () => ( +import { FC } from 'react'; + +export const AprIcon:FC = () => (
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> ( +import { FC } from 'react'; + +export const ApyIcon:FC = () => (
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( +import { FC } from 'react'; + +export const BridgeIcon:FC = () => (
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> ( +import { FC } from 'react'; + +export const CollateralIcon:FC = () =>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(7.63037 2.75079) rotate(54) scale(47.894 42.5548)" > - - - - + + + + ( +import { FC } from 'react'; + +export const ImpermanentLossIcon:FC =()=>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( y2="35.5754" gradientUnits="userSpaceOnUse" > - - + + ( y2="31.0365" gradientUnits="userSpaceOnUse" > - - + + ( +import { FC } from 'react'; + +export const LendBorrow:FC = () => (
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> ( gradientUnits="userSpaceOnUse" gradientTransform="translate(26.1518 21.0716) rotate(100.07) scale(11.5054 12.0506)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(29.0432 22.8677) rotate(133.199) scale(4.39397 7.36162)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(17.793 22.8684) rotate(31.6513) scale(3.34982 8.30206)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(24.1405 29.7821) rotate(-90) scale(10.1953 15.3608)" > - - + + ( y2="18.6046" gradientUnits="userSpaceOnUse" > - - + + ( y2="30.6271" gradientUnits="userSpaceOnUse" > - - + + ( y2="27.672" gradientUnits="userSpaceOnUse" > - - + + ( y2="19.2648" gradientUnits="userSpaceOnUse" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(25.2947 19.0598) rotate(180) scale(1.16699 0.878906)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(25.4509 19.2648) rotate(180) scale(3.45703 2.76939)" > - - + + diff --git a/app/discover/defi/icons/provide-liquidity.tsx b/app/discover/defi/icons/provide-liquidity.tsx index b2d12952..4727d9dc 100644 --- a/app/discover/defi/icons/provide-liquidity.tsx +++ b/app/discover/defi/icons/provide-liquidity.tsx @@ -1,4 +1,6 @@ -export const ProvideLiquidityIcon = () =>( +import { FC } from 'react'; + +export const ProvideLiquidityIcon:FC = () =>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> ( +import { FC } from 'react'; + +export const StakeIcon:FC = ()=>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( +import { FC } from 'react'; + +export const SupplyIcon:FC = () =>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( +import { FC } from 'react'; + +export const SwapIcon:FC = ()=>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( +import { FC } from 'react'; + +export const TvlIcon:FC = () =>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(24.0384 22.1008) scale(5.61062)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(24.9731 23.9605) scale(5.99031)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(22.205 23.8345) scale(5.72406)" > - - + + ( gradientUnits="userSpaceOnUse" gradientTransform="translate(23.981 26.1915) scale(5.08359)" > - - + + ( +import { FC } from 'react'; + +export const YieldFarmingIcon:FC = ()=>(
( height="48" rx="24" fill="white" - fill-opacity="0.04" + fillOpacity="0.04" /> - + Date: Tue, 26 Nov 2024 11:25:49 +0530 Subject: [PATCH 10/10] ai suggestions --- app/discover/defi/icons/bridge.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/discover/defi/icons/bridge.tsx b/app/discover/defi/icons/bridge.tsx index 23fad67c..039be0f9 100644 --- a/app/discover/defi/icons/bridge.tsx +++ b/app/discover/defi/icons/bridge.tsx @@ -19,7 +19,7 @@ export const BridgeIcon:FC = () => ( />