diff --git a/components/Card/index.ts b/components/Card/index.ts deleted file mode 100644 index 24d3212..0000000 --- a/components/Card/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from "./Card"; diff --git a/components/EcosystemApps/EcosystemApps.tsx b/components/EcosystemApps/EcosystemApps.tsx index dcd2f39..f220db0 100644 --- a/components/EcosystemApps/EcosystemApps.tsx +++ b/components/EcosystemApps/EcosystemApps.tsx @@ -1,5 +1,5 @@ import React, { useState, useMemo, useEffect } from 'react'; -import { Card, Cards } from '../../components/Card'; +import { EcosystemCard, EcosystemCards } from '../EcosystemCard'; import appData from '../../data/appData'; // Ensure this import is correct const EcosystemApps = () => { @@ -32,10 +32,10 @@ const EcosystemApps = () => {
Filter by Tags: {allTags.join(', ')}
- + {filteredApps.length > 0 ? ( filteredApps.map((app) => ( - { ) : (
No apps found.
)} -
+ ); }; diff --git a/components/Card/Card.tsx b/components/EcosystemCard/EcosystemCard.tsx similarity index 68% rename from components/Card/Card.tsx rename to components/EcosystemCard/EcosystemCard.tsx index d41509e..5c2f222 100644 --- a/components/Card/Card.tsx +++ b/components/EcosystemCard/EcosystemCard.tsx @@ -1,16 +1,17 @@ import Image, { StaticImageData } from "next/image"; -interface CardProps { + +interface EcosystemCardProps { image: StaticImageData; title: string; description: string; href: string; } -interface CardsProps { +interface EcosystemCardsProps { children: React.ReactNode; } -function Card({ image, title, description, href }: CardProps) { +function EcosystemCard({ image, title, description, href }: EcosystemCardProps) { return ( -
{/* Adjust height as needed to match your design */} +
{/* Adjust height as needed to match your design */} {title}
@@ -29,10 +30,10 @@ function Card({ image, title, description, href }: CardProps) { ); } -function Cards({ children }: CardsProps) { +function EcosystemCards({ children }: EcosystemCardsProps) { return (
{children}
); } -export { Card, Cards }; +export { EcosystemCard, EcosystemCards }; diff --git a/components/EcosystemCard/index.ts b/components/EcosystemCard/index.ts new file mode 100644 index 0000000..3265781 --- /dev/null +++ b/components/EcosystemCard/index.ts @@ -0,0 +1 @@ +export * from "./EcosystemCard"; diff --git a/components/index.ts b/components/index.ts index c53a5f8..e93119a 100644 --- a/components/index.ts +++ b/components/index.ts @@ -1,5 +1,5 @@ -export * from "./Card"; export * from "./EcosystemApps"; +export * from "./EcosystemCard"; export * from "./EvmWalletConnect"; export * from "./HelpCallout"; export * from "./ImageWithCaption"; diff --git a/data/appData.ts b/data/appData.ts index babe298..a30bde1 100644 --- a/data/appData.ts +++ b/data/appData.ts @@ -1,10 +1,7 @@ -import Image, { StaticImageData } from 'next/image'; +import { StaticImageData } from 'next/image'; -// Import logos -import camelLogo from "../public/assets/ecosystem/camel.png"; import gamblinoLogo from "../public/assets/ecosystem/gamblino.jpeg"; import dragonswapLogo from "../public/assets/ecosystem/dragonswap.jpeg"; -import fluidLogo from "../public/assets/ecosystem/fluid.png"; import belugasLogo from "../public/assets/ecosystem/belugas.png"; import squaredLabsLogo from "../public/assets/ecosystem/squared-labs.jpeg"; import seijinLogo from "../public/assets/ecosystem/seijin.png"; @@ -21,8 +18,12 @@ import nfts2meLogo from "../public/assets/ecosystem/nfts2me.png"; import stafiLogo from "../public/assets/ecosystem/stafi.png"; import siloLogo from "../public/assets/ecosystem/silo.jpeg"; import vermillionLogo from "../public/assets/ecosystem/vermillion.jpeg"; -import compassLogo from "../public/assets/ecosystem/compass.png" -// appData 'types' definition +import nukeemLogo from "../public/assets/ecosystem/nukeem.jpeg"; +import jaspervaultLogo from "../public/assets/ecosystem/jaspervault.jpeg"; +import monnaLogo from "../public/assets/ecosystem/monna.png"; +import kawaLogo from "../public/assets/ecosystem/kawa.jpeg"; +import fidropLogo from "../public/assets/ecosystem/fidrop.jpeg"; + interface App { title: string; description: string; @@ -30,14 +31,14 @@ interface App { image: StaticImageData; tags: string[]; } -// export card data, with searchable "tags" + export const appData: App[] = [ { - title: "Compass", - description: "The native wallet app for SEI", - href: "https://compasswallet.io/", - image: compassLogo, - tags: ["Wallet", "Native"] + title: "DragonSwap", + description: "The native DEX on SEI", + href: "https://test.dragonswap.app/", + image: dragonswapLogo, + tags: ["DeFi", "Trading", "Swap"] }, { title: "SeiCasino", @@ -88,13 +89,6 @@ export const appData: App[] = [ image: siloLogo, tags: ["Liquid Staking", "MEV"] }, - { - title: "Camel", - description: "Sei's liquidity oasis", - href: "https://camel.money", - image: camelLogo, - tags: ["Liquidity", "DeFi"] - }, { title: "Vermillion", description: "Next-gen AMM and stablecoin", @@ -102,13 +96,6 @@ export const appData: App[] = [ image: vermillionLogo, tags: ["DEX", "DeFi", ] }, - { - title: "Fluid", - description: "Interest free loans, backed by Sei", - href: "https://fluidex.metabest.tech/", - image: fluidLogo, - tags: ["Lending", "DeFi"] - }, { title: "Belugas", description: "Decentralized Marketplace for lenders and borrowers", @@ -172,6 +159,41 @@ export const appData: App[] = [ image: stafiLogo, tags: ["DeFi", "Liquid Staking"] }, -]; + { + title: "Nuk'Em Loans", + description: "DeFi marketplace", + href: "https://app.nukem.loans/", + image: nukeemLogo, + tags: ["DeFi", "Lending"] + }, + { + title: "JasperVault", + description: "Fully decentralised options trading", + href: "https://alpha.jasper.finance/trade/sei", + image: jaspervaultLogo, + tags: ["DeFi", "Trading"] + }, + { + title: "Monna", + description: "The standard for leveraged lending", + href: "https://app.monna.io/", + image: monnaLogo, + tags: ["DeFi", "Lending"] + }, + { + title: "Kawa", + description: "Decentralised cross-chain lending", + href: "https://v2.beta.kawa.finance/lend", + image: kawaLogo, + tags: ["DeFi", "Lending"] + }, + { + title: "Fidrop", + description: "Platform that powers token creation, claiming, drops, and mints", + href: "https://fidrop.com/signin?callbackUrl=%2F", + image: fidropLogo, + tags: ["NFT", "Launchpad"] + }, +] export default appData; diff --git a/public/assets/ecosystem/camel.png b/public/assets/ecosystem/camel.png deleted file mode 100644 index 104af3a..0000000 Binary files a/public/assets/ecosystem/camel.png and /dev/null differ diff --git a/public/assets/ecosystem/compass.png b/public/assets/ecosystem/compass.png deleted file mode 100644 index 7d11856..0000000 Binary files a/public/assets/ecosystem/compass.png and /dev/null differ diff --git a/public/assets/ecosystem/fidrop.jpeg b/public/assets/ecosystem/fidrop.jpeg new file mode 100644 index 0000000..ac2c397 Binary files /dev/null and b/public/assets/ecosystem/fidrop.jpeg differ diff --git a/public/assets/ecosystem/fluid.png b/public/assets/ecosystem/fluid.png deleted file mode 100644 index 7a0e4fc..0000000 Binary files a/public/assets/ecosystem/fluid.png and /dev/null differ diff --git a/public/assets/ecosystem/jaspervault.jpeg b/public/assets/ecosystem/jaspervault.jpeg new file mode 100644 index 0000000..e0be799 Binary files /dev/null and b/public/assets/ecosystem/jaspervault.jpeg differ diff --git a/public/assets/ecosystem/kawa.jpeg b/public/assets/ecosystem/kawa.jpeg new file mode 100644 index 0000000..ce7ba67 Binary files /dev/null and b/public/assets/ecosystem/kawa.jpeg differ diff --git a/public/assets/ecosystem/monna.png b/public/assets/ecosystem/monna.png new file mode 100644 index 0000000..93bfddd Binary files /dev/null and b/public/assets/ecosystem/monna.png differ diff --git a/public/assets/ecosystem/nukeem.jpeg b/public/assets/ecosystem/nukeem.jpeg new file mode 100644 index 0000000..60ade6b Binary files /dev/null and b/public/assets/ecosystem/nukeem.jpeg differ