Bonding Curve Price Chart
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
- Price
-
-
- 
- Bonding Curve
-
-
-
-
- Price
-
- Bonding Curve
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Initial Price
-{curveConfig ? (Number(curveConfig.initialPrice) / 10 ** 9).toLocaleString() : '-'} SOL
-
-
- Final Price
-{tokenInfo?.pricingMechanism?.finalPrice || '-'} SOL
-
-
- Target Raise
-{tokenInfo?.pricingMechanism?.targetRaise || '-'} SOL
-- This token uses a bonding curve, meaning its price changes dynamically based on demand and supply. - The price increases as more tokens are minted and purchased. -
-
- setAmount(String(amount))}
- handleChainChange={handleFromChainChange}
- />
- setAmount(String(amount))}
- handleChainChange={handleToChainChange}
- />
-
-
-
-
-
-
- Estimated Processing Time
- ~17s
-
-
- Platform Fee
- 0.25%
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/frontend/src/components/CandlestickChart.tsx b/frontend/src/components/CandlestickChart.tsx
deleted file mode 100644
index d8e1bbd..0000000
--- a/frontend/src/components/CandlestickChart.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-import {
- ComposedChart,
- XAxis,
- YAxis,
- CartesianGrid,
- Tooltip,
- ResponsiveContainer,
- ReferenceLine,
- Bar
-} from 'recharts';
-
-interface CandlestickData {
- time: string;
- open: number;
- high: number;
- low: number;
- close: number;
- volume?: number;
-}
-
-interface CandlestickChartProps {
- data: CandlestickData[];
- height?: number;
- showReferenceLine?: boolean;
- referenceLineValue?: number;
-}
-
-// Custom tooltip component - simplified
-const CustomTooltip = ({ active, payload, label }: any) => {
- if (active && payload && payload.length) {
- const data = payload[0].payload;
- const isGreen = data.close > data.open;
- const color = isGreen ? '#10b981' : '#ef4444';
-
- return (
-
-
- );
- }
- return null;
-};
-
-// Transform data for candlestick visualization
-function transformDataForCandlesticks(data: CandlestickData[]) {
- return data.map((item, index) => {
- const isGreen = item.close > item.open;
- const bodyHeight = Math.abs(item.close - item.open);
- const bodyY = Math.min(item.open, item.close);
-
- return {
- time: item.time,
- index,
- // For wick visualization
- wickHigh: item.high,
- wickLow: item.low,
- // For body visualization
- bodyOpen: item.open,
- bodyClose: item.close,
- bodyHeight,
- bodyY,
- isGreen,
- // Original data for tooltip
- open: item.open,
- close: item.close,
- high: item.high,
- low: item.low,
- // For bar chart
- value: bodyHeight,
- fill: isGreen ? '#10b981' : '#ef4444'
- };
- });
-}
-
-export function CandlestickChart({
- data,
- height = 400,
- showReferenceLine = false,
- referenceLineValue = 3740
-}: CandlestickChartProps) {
- // Calculate min and max values for proper scaling
- const minPrice = Math.min(...data.map(d => d.low));
- const maxPrice = Math.max(...data.map(d => d.high));
- const priceRange = maxPrice - minPrice;
- const padding = priceRange * 0.05; // 5% padding for tighter view
-
- const scale = {
- min: minPrice - padding,
- max: maxPrice + padding
- };
-
- const transformedData = transformDataForCandlesticks(data);
-
- return (
- {label}
-
-
-
- O:
- ${data.open.toFixed(2)}
-
-
- H:
- ${data.high.toFixed(2)}
-
-
- L:
- ${data.low.toFixed(2)}
-
-
- C:
- ${data.close.toFixed(2)}
-
-
-
-
- value.toLocaleString()}
- orientation="right"
- dx={-10}
- />
-
- {/* Wick */}
-
- );
- })}
-
-
-
- );
-}
-
-// Sample data generator for demonstration with fixed sample data
-export function generateSampleCandlestickData(): CandlestickData[] {
- return [
- { time: "3:00 AM", open: 3740.50, high: 3745.20, low: 3735.80, close: 3738.90 },
- { time: "4:00 AM", open: 3738.90, high: 3755.60, low: 3738.90, close: 3752.30 },
- { time: "5:00 AM", open: 3752.30, high: 3758.40, low: 3748.70, close: 3756.80 },
- { time: "6:00 AM", open: 3756.80, high: 3762.10, low: 3752.40, close: 3759.20 },
- { time: "7:00 AM", open: 3759.20, high: 3765.30, low: 3755.60, close: 3761.40 },
- { time: "8:00 AM", open: 3761.40, high: 3768.90, low: 3758.20, close: 3765.70 },
- { time: "9:00 AM", open: 3765.70, high: 3772.50, low: 3762.80, close: 3768.30 },
- { time: "10:00 AM", open: 3768.30, high: 3775.60, low: 3765.40, close: 3771.20 },
- { time: "11:00 AM", open: 3771.20, high: 3778.90, low: 3768.50, close: 3775.80 },
- { time: "12:00 PM", open: 3775.80, high: 3782.40, low: 3772.60, close: 3778.90 },
- { time: "1:00 PM", open: 3778.90, high: 3785.20, low: 3775.30, close: 3781.60 },
- { time: "2:00 PM", open: 3781.60, high: 3788.70, low: 3778.40, close: 3785.30 },
- { time: "3:00 PM", open: 3785.30, high: 3792.10, low: 3782.50, close: 3788.70 },
- { time: "4:00 PM", open: 3788.70, high: 3795.40, low: 3785.60, close: 3791.20 },
- { time: "5:00 PM", open: 3791.20, high: 3798.30, low: 3788.70, close: 3795.60 },
- { time: "6:00 PM", open: 3795.60, high: 3802.80, low: 3792.40, close: 3798.90 },
- { time: "7:00 PM", open: 3798.90, high: 3805.20, low: 3795.80, close: 3802.40 },
- { time: "8:00 PM", open: 3802.40, high: 3808.60, low: 3798.90, close: 3805.70 },
- { time: "9:00 PM", open: 3805.70, high: 3812.30, low: 3802.40, close: 3808.90 },
- { time: "10:00 PM", open: 3808.90, high: 3815.40, low: 3805.70, close: 3812.20 },
- { time: "11:00 PM", open: 3812.20, high: 3818.70, low: 3808.90, close: 3815.60 },
- { time: "12:00 AM", open: 3815.60, high: 3822.10, low: 3812.20, close: 3818.40 },
- { time: "1:00 AM", open: 3818.40, high: 3825.30, low: 3815.60, close: 3821.80 },
- { time: "2:00 AM", open: 3821.80, high: 3828.50, low: 3818.40, close: 3825.20 },
- { time: "27 Jul", open: 3825.20, high: 3832.80, low: 3822.50, close: 3828.90 }
- ];
-}
\ No newline at end of file
diff --git a/frontend/src/components/Comprehensive.tsx b/frontend/src/components/Comprehensive.tsx
deleted file mode 100644
index d483647..0000000
--- a/frontend/src/components/Comprehensive.tsx
+++ /dev/null
@@ -1,270 +0,0 @@
-import { useState, useRef, useLayoutEffect } from 'react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-
-export default function Comprehensive(){
- const rootRef = useRef
-
- )
-}
\ No newline at end of file
diff --git a/frontend/src/components/ConsultUs.tsx b/frontend/src/components/ConsultUs.tsx
deleted file mode 100644
index 35029d9..0000000
--- a/frontend/src/components/ConsultUs.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { useLayoutEffect, useRef } from 'react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-
-export default function ConsultUs() {
- const rootRef = useRef
-
-
-
-
- Everything you need to launch, manage, and scale your token across multiple chains.
- Comprehensive
-Token Launch Suite
-
-
-
-
- {slides.map((slide, index) => (
-
-
-
-
- ))}
-
-
-
-
- {slide.title}
-- {slide.description} -
-
- 
-
-
- {slides.map((slide, index) => {
- const getDotColor = (bgColor: string) => {
- switch (bgColor) {
- case 'bg-gray-50':
- return 'bg-gray-400';
- case 'bg-[#EFF3DB]':
- return 'bg-[#607316]';
- case 'bg-[#FAE2DF]':
- return 'bg-[#6B0036]';
- case 'bg-[#DFF2F1]':
- return 'bg-[#43696B]';
- case 'bg-[#EEF2FF]':
- return 'bg-indigo-800';
- default:
- return 'bg-gray-400';
- }
- };
-
- const dotColor = getDotColor(slide.bgColor);
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
- Multi-Chain Deployment
-- Deploy your token across Solana, Ethereum, NEAR, and Base with a single click. Seamless cross-chain functionality. -
-
- 
-
-
-
-
-
- 
-
-
-
-
- Vesting Schedules
-- Flexible vesting schedules with cliff periods, custom intervals, and automated distribution for team and investor allocations. -
-
-
-
-
- Bonding Curves
-- Advanced bonding curve mechanisms with linear, exponential, logarithmic, and sigmoid curve options for optimal price discovery. -
-
- 
-
-
-
-
-
-
-
-
- Launch Mechanism
-- Built-in governance, voting mechanisms, and community management tools to engage your token holders effectively. -
-
- 
-
-
-
-
-
-
-
-
- Cross-Chain DEX Support
-- Cross chain balance top up and dex support. Swap through intents and access your assets through native dex. -
-
- 
-
-
-
-
-
-
- Fee Configuration
-- Configure custom fee structures and designate transparent recipient wallets for full transparency. -
-
-
- )
-}
\ No newline at end of file
diff --git a/frontend/src/components/CoreCapabilities.tsx b/frontend/src/components/CoreCapabilities.tsx
deleted file mode 100644
index 9387f0f..0000000
--- a/frontend/src/components/CoreCapabilities.tsx
+++ /dev/null
@@ -1,336 +0,0 @@
-import { useState, useRef, useEffect, useLayoutEffect } from 'react';
-import { ChevronLeft, ChevronRight} from 'lucide-react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-
-export default function CoreCapabilities() {
- const rootRef = useRef
-
- Launching a Token, Consult us
- Fast track your product via internet capital markets -
-
-
-
- window.open('https://github.com/potlock/potlaunch', '_blank')}
- >
- 
-
-
- - View code on GitHub -
-- Completely open source codebase with transparent development and community contributions -
- window.open('https://docs.potlaunch.com/docs/developer-guide/potlaunch-sdk', '_blank')}
- >
- 
-
-
- - Developer SDK -
-- Comprehensive SDK for integrating POTLAUNCH features into your applications -
- window.open('https://docs.potlaunch.com/docs/developer-guide/indexer-setup', '_blank')}
- >
- 
-
-
- - Indexing Tools -
-- Advanced indexing and analytics tools for tracking token performance and market data -
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/ExploreTokenCard.tsx b/frontend/src/components/ExploreTokenCard.tsx
deleted file mode 100644
index 36a839a..0000000
--- a/frontend/src/components/ExploreTokenCard.tsx
+++ /dev/null
@@ -1,209 +0,0 @@
-import { useNavigate } from "@tanstack/react-router";
-import { useCallback, useEffect, useState } from "react";
-import { motion } from "framer-motion";
-import { Holders } from "../types";
-import { BondingCurveTokenInfo, getBondingCurveAccounts, getTokenHoldersByMint } from "../utils/token";
-import { PublicKey } from "@solana/web3.js";
-import { formatNumberToCurrency, formatTinyPrice } from "../utils";
-import { getCurrentPriceSOL } from "../utils/sol";
-import { getSolPrice } from "../lib/sol";
-
-interface ExploreTokenCardProps {
- id: string;
- mint: string,
- decimals: number,
- banner: string;
- avatar: string;
- name: string;
- symbol: string;
- type: string;
- description: string;
- status: string;
- actionButton: {
- text: string;
- variant: 'presale' | 'curve' | 'trade';
- };
- className?: string;
-}
-
-export default function ExploreTokenCard({
- mint,
- decimals,
- banner,
- avatar,
- name,
- symbol,
- type,
- description,
- status,
- actionButton,
- className
-}: ExploreTokenCardProps){
-
- const [holders, setHolders] = useState
-
-
- Core Capabilities
- Comprehensive tools for the complete token lifecycle -
-
-
-
-
-
- {capabilities.map((capability) => (
-
-
-
- ))}
-
-
-
-
- {capability.title}
-
- 
-
-
-
- {capability.headline}
-
-
- {capability.description}
-
-
-
-
-
-
- {capabilities.map((capability) => (
-
-
-
- ))}
-
-
-
-
- {capability.title}
-
-
-
-
-
- {capability.headline}
-
-
- {capability.description}
-
-
-
-
- {capabilities.map((capability, index) => (
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
- {name}
-
- ${symbol}
- •
- {type}
-
-
-
- {status}
-
-
-
-
- - {description} -
- -
-
- ${formatTinyPrice(Number(currentPrice || 0) * solPrice || 0)}
- Price
-
-
- {formatNumberToCurrency(supply)}
- Supply
-
-
- {holders.length}
- Holders
-
-
- ${formatNumberToCurrency(supply * (Number(currentPrice)*solPrice))}
-
- {type === 'bonding-curve' ? 'Curve' : 'Market Cap'}
-
-
-
-
-
- navigate({to: `/token/${mint}`})}
- className="flex-1 bg-white border border-gray-300 text-gray-800 py-1.5 px-2 rounded-md font-medium hover:bg-gray-50 transition-colors"
- >
- View Details
-
- navigate({to: `/token/${mint}`})}
- className={`flex-1 ${getActionButtonStyle(actionButton.variant)} text-white py-1.5 px-2 rounded-md font-medium transition-colors`}
- >
- {actionButton.text}
-
-
-
- {Array.from({ length: cardsPerView }).map((_, index) => (
-
- );
-
- const ErrorMessage = () => (
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-
- return (
-
-
- ⚠️
- Failed to Load Tokens
-{error}
- -
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/InputBridge.tsx b/frontend/src/components/InputBridge.tsx
deleted file mode 100644
index 9a3d01c..0000000
--- a/frontend/src/components/InputBridge.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { Token } from "../types";
-import { Card } from "./ui/card";
-import {
- DropdownMenu,
- DropdownMenuTrigger,
- DropdownMenuContent,
- DropdownMenuItem
-} from "./ui/dropdown-menu";
-import { Button } from "./ui/button";
-import { ChevronDown } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { getTokenBalanceOnNEAR } from "../lib/near";
-import { getTokenBalanceOnSOL } from "../lib/sol";
-import { getTokenBalanceOnEVM } from "../lib/evm";
-import { formatNumberToCurrency, formatNumberWithCommas, parseFormattedNumber, truncateAddress } from "../utils";
-
-interface Chain {
- name: string;
- logo: string;
- address: string;
- balance?: number;
- userAddress: string;
- price: number;
- explorerUrl: string;
-}
-
-interface InputBridgeProps {
- title: string;
- tokenInfo: Token;
- amount: number;
- selectedChain: Chain;
- chains: Chain[];
- disabled?: boolean;
- setAmount: (amount: number) => void;
- handleChainChange: (chain: Chain) => void;
-}
-
-export function InputBridge({
- title,
- tokenInfo,
- amount,
- selectedChain,
- chains,
- setAmount,
- handleChainChange,
- disabled = false
-}: InputBridgeProps) {
- const [balanceToken, setTokenBalance] = useState
-
-
- Explore Tokens
- Participate in all the latest token launches. -
- {loading ? (
-
-
-
- ) : (
- <>
-
-
- 📭
- No Tokens Available
-There are currently no tokens to display.
-
- {tokens.map((token) => (
-
-
-
-
- ))}
-
-
-
-
-
- )}
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/frontend/src/components/IntegratedEcosystem.tsx b/frontend/src/components/IntegratedEcosystem.tsx
deleted file mode 100644
index a220d0f..0000000
--- a/frontend/src/components/IntegratedEcosystem.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-import { useLayoutEffect, useRef } from 'react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-
-export default function IntegratedEcosystem(){
- const rootRef = useRef{title}
-
-
-
-
-
-
- {truncateAddress(selectedChain.userAddress)}
-
-
- 
- 
-
-
- {tokenInfo?.symbol}
- {selectedChain.name}
-
-
- {
- const inputValue = e.target.value;
- if (/^[0-9,]*$/.test(inputValue) || inputValue === '') {
- setDisplayAmount(inputValue);
- const parsedAmount = parseFormattedNumber(inputValue);
- setAmount(parsedAmount);
- }
- }}
- onBlur={() => {
- setDisplayAmount(formatNumberWithCommas(amount));
- }}
- className="h-auto text-3xl max-w-[230px] font-semibold border-0 focus:outline-none px-1 focus-visible:ring-0 text-left disabled:bg-white"
- />
-
-
-
-
-
- {chains.map((chain) => (
- handleChainChange(chain)}
- className="flex items-center gap-2 cursor-pointer hover:bg-gray-100"
- >
- 
{ (e.currentTarget as HTMLImageElement).style.display = 'none'; }}
- />
- {chain.name}
-
- ))}
-
-
-
-
- ${amount && formatNumberToCurrency(Number(amount) * selectedChain.price)}
-
-
- {formatNumberToCurrency(Number(balanceToken))}
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/frontend/src/components/LaunchConditions.tsx b/frontend/src/components/LaunchConditions.tsx
deleted file mode 100644
index 73a1a38..0000000
--- a/frontend/src/components/LaunchConditions.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-import { useEffect } from "react";
-import { formatDateToReadable, formatNumberWithCommas, getPricingDisplay } from "../utils";
-import { Card } from "./ui/card";
-import { Copy, ChevronDown, ChevronUp, ExternalLink, ArrowLeftRight, Plus } from "lucide-react";
-import { copyToClipboard } from "../utils";
-import { useCallback, useState } from "react";
-import { BridgeDeployModal } from "./BridgeDeployModal";
-import { getBridgedAddressToken } from "../lib/omni-bridge";
-import { NEAR_NETWORK, SOL_NETWORK } from "../configs/env.config";
-import { Token } from "../types";
-import { getSolPrice } from "../lib/sol";
-
-interface LaunchConditionsProps {
- tokenInfo: Token;
- currentPrice: number;
-}
-
-
-export function LaunchConditions({ tokenInfo,currentPrice }: LaunchConditionsProps) {
- const [isContractExpanded, setIsContractExpanded] = useState
-
- Integrated Ecosystem
- Connected with leading blockchains and DeFi protocols -
-
-
-
- window.open("https://near-intents.org", "_blank")}
- >
-
-
- 
-
-
- - NEAR Intents -
-- Cross-chain intent processing and execution for seamless operations -
- window.open("https://solana.com", "_blank")}
- >
-
-
-
-
- 
-
-
- - Solana -
-- Native Solana blockchain support for high-speed, low-cost transactions -
- window.open("https://docs.near.org/chain-abstraction/omnibridge/overview", "_blank")}
- >
-
-
- 
-
-
- - NEAR Omnibridge -
-- Universal bridge connectivity enabling seamless cross-chain transfers -
- window.open("https://raydium.io", "_blank")}
- >
-
-
- 
-
-
- - Raydium -
-- Automated market maker integration with yield farming capabilities -
- window.open("https://pump.fun/board", "_blank")}
- >
-
-
- 
-
-
- - PumpSwap -
-- Advanced token swapping platform with optimized routing mechanisms -
- window.open("https://jup.ag", "_blank")}
- >
-
-
- 
-
-
- - Jupiter -
-- Cross-chain swapping aggregation providing the best rates across DEXes -
- window.open("https://aerodrome.finance", "_blank")}
- >
-
-
- 
-
-
- - Aerodrome -
-- Advanced liquidity provision on Base, automated trading protocol integration -
- window.open("https://www.meteora.ag", "_blank")}
- >
-
-
- 
-
-
- - Meteora -
-- Dynamic liquidity management and yield optimization -
-Launch Conditions
-
-
-
-
-
-
-
-
- Total supply
-{formatNumberWithCommas(tokenInfo?.basicInfo?.supply || 0)}
-
-
- Min. Contribution
-{tokenInfo?.saleSetup?.minimumContribution} SOL
-
-
- Target Raise
-{formatNumberWithCommas(tokenInfo?.pricingMechanism?.targetRaise)} SOL
-
-
- Liquidity Percentage
-{tokenInfo?.dexListing?.liquidityPercentage}%
-
-
- Launch Date
-{formatDateToReadable(tokenInfo?.saleSetup?.scheduleLaunch?.launchDate)}
-
-
-
-
- Launch Mechanism
-{getPricingDisplay(tokenInfo?.selectedPricing || '')}
-
-
- Max Contribution
-{tokenInfo?.saleSetup?.maximumContribution} SOL
-
-
- Hard cap
-${formatNumberWithCommas(Number(tokenInfo?.saleSetup?.hardCap) * (solPrice || 0))}
-
-
- Liquidity Source
-{tokenInfo?.dexListing?.liquiditySource}
-
-
- Liquidity Lockup
-{tokenInfo?.dexListing?.liquidityLockupPeriod} days
-
-
-
-
-
- {
- !isContractExpanded && (
-
-
-
-
-
-
- {
- !isContractExpanded && (
-
- {deployedChains.length > 0 ? (
- <>
-
- )
- }
-
- {deployedChains.map((chain, index) => (
-
-
- {tokenInfo?.basicInfo?.symbol || 'Token'} is deployed on {deployedChains.length} chains
-
-
- ) : (
-
- Loading deployed chains...
-
- )}
-
-
-
- ))}
-
- {deployedChains.length > 0 ? (
- <>
-
- )
- }
-
- {isContractExpanded && (
-
- )}
-
- {deployedChains.map((chain, index) => (
-
-
- {tokenInfo?.basicInfo?.symbol || 'Token'} is deployed on {deployedChains.length} chains
-
-
- ) : (
-
- Loading deployed chains...
-
- )}
-
-
-
- ))}
- Launch Status
- -
-
-
- {isExpanded && (
-
-
-
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Presale Phase
-750 SOL raised
-
-
- 100% Complete
-Dec 15 - Dec 22
-
-
-
-
-
-
-
-
-
-
-
-
- Bonding Curve
-750 SOL raised
-
-
- 100% Complete
-Dec 15 - Dec 28
-
-
-
-
-
-
-
-
-
-
- DEX Trading
-Live on Raydium
-
-
- Active Now
-Since Dec 28
-
-
-
-
-
-
-
-
-
-
-
-
- 
- Live Trading
-
- Phase 3 of 3
-
- Live Trading
-
-
-
-
-
- Current Price
- $0.0521
-
- 
- +12.5% (24h)
-
-
- +12.5% (24h)
-
-
- Market Cap
- $2.3M
- Rank #1,247
-
-
-
-
-
-
-
-
- Presale Complete
-
-
-
-
- Bonding Curve Complete
-
-
-
-
- Trading Live
-
-
-
- Target Reached
- 1,500 / 1,500 SOL
-
-
-
-
-
- Target Reached
- 1,500 / 1,500 SOL
-
-
-
- {pool.isExpanded && (
- <>
-
-
-
- 
- {
- pool.id.includes("sol") ? (
- 
- )
- }
-
-
-
-
- ): (
-
-
- {pool.name}
-
- {pool.platforms.map((platform, index) => (
-
-
- 
- {platform.platform}
-
- ))}
-
- {pool.platforms.map((platform, index) => (
- platform.platform !== "Solana" && (
-
- )
- ))}
-
-
-
- {pool.metrics.map((metric, index) => (
-
-
-
- {metric.label}
-
- {metric.value}
-
-
- ))}
-
-
-
- )}
- - Manage your Position -
-
-
-
-
- My Position
- 0
-
-
- APR
- 0
-
-
- Pool Share
- 0
-
-
-
-
-
-
-
- {section.isExpanded && section.pools.length > 0 && (
-
-
-
-
-
- 
-
-
-
- {section.name}
-- {section.poolCount} pools • {section.activeCount} active -
-
- {section.tags && (
-
-
- {section.tags.map((tag, index) => (
-
- 
- {tag.name}
-
- ))}
-
- )}
-
- {section.pools.map((pool) => (
- onTogglePool(pool.id)}
- mintToken={pool.token1Mint}
- />
- ))}
-
- )}
-
-
- Liquidity Pools
- -
-
-
-
-
-
-
-
-
- Liquidity Pools
- -
-
- {errorPools}
- -
-
-
- Liquidity Pools
- -
- {data.length === 0 ? (
- toggleSection(section.id)}
- onTogglePool={togglePool}
- />
- ))
- )}
-
-
-
- ) : (
- data.map((section) => (
- No liquidity pools found
- -
-
-
-
-
-
-
-
- {name}
-
- ${symbol}
- •
- {type}
-
-
-
- {template}
-
-
-
-
- - {description} -
- -
-
- {formatNumberToCurrency(balance)} {symbol}
- Your Balance
-
-
- ${formatNumberToCurrency(value)}
- Value
-
-
- 0%
- 24h Change
-
-
-
-
- navigate({to: `/token/${mint}`})}
- className="flex-1 bg-white border border-gray-300 text-gray-800 py-1.5 px-2 rounded-md font-medium hover:bg-gray-50 transition-colors"
- >
- View Details
-
- navigate({to: `/token/${mint}`})}
- className={`flex-1 ${getActionButtonStyle(actionButton.variant)} text-white py-1.5 px-2 rounded-md font-medium transition-colors`}
- >
- {actionButton.text}
-
-
-
-
- );
-};
diff --git a/frontend/src/components/NoTokensFound.tsx b/frontend/src/components/NoTokensFound.tsx
deleted file mode 100644
index 7499ebd..0000000
--- a/frontend/src/components/NoTokensFound.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-interface NoTokensFoundProps {
- searchQuery?: string;
- className?: string;
- width?: string;
- height?: string;
- titleSize?: string;
- subTitleSize?: string
-}
-
-export function NoTokensFound ({ searchQuery, className, width, height, titleSize, subTitleSize }: NoTokensFoundProps) {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/frontend/src/components/SelectTokenModal.tsx b/frontend/src/components/SelectTokenModal.tsx
deleted file mode 100644
index b06d518..0000000
--- a/frontend/src/components/SelectTokenModal.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-import { useState } from "react";
-import { Search, X } from "lucide-react";
-import {
- Dialog,
- DialogContent,
- DialogHeader,
- DialogTitle,
-} from "./ui/dialog";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs";
-import { Input } from "./ui/input";
-import { formatNumberToCurrency } from "../utils";
-
-interface Token {
- symbol: string;
- balance: string;
- value: string;
- icon: string;
- decimals: number;
- mint: string;
- selected?: boolean;
- name?: string;
- network?: string;
-}
-
-interface SelectTokenModalProps {
- open: boolean;
- onOpenChange: (open: boolean) => void;
- tokens: Token[];
- isLoadingTokens: boolean;
- onTokenSelect: (token: Token) => void;
- selectedToken?: Token;
- modalType?: 'from' | 'to';
-}
-
-export const SelectTokenModal = ({
- open,
- onOpenChange,
- tokens,
- isLoadingTokens,
- onTokenSelect,
- selectedToken,
- modalType = 'from',
-}: SelectTokenModalProps) => {
- const [searchQuery, setSearchQuery] = useState("");
- const [activeTab, setActiveTab] = useState("potlaunch");
-
- const filteredTokens = tokens.filter((token) =>
- token.symbol.toLowerCase().includes(searchQuery.toLowerCase()) ||
- token.name?.toLowerCase().includes(searchQuery.toLowerCase()) ||
- token.mint?.toLowerCase().includes(searchQuery.toLowerCase())
- );
-
- const handleTokenSelect = (token: Token) => {
- onTokenSelect(token);
- onOpenChange(false);
- setSearchQuery("");
- };
-
- const formatAddress = (address: string) => {
- if (!address) return "";
- return `${address.slice(0, 8)}...${address.slice(-6)}`;
- };
-
- const renderTokenItem = (token: Token) => (
-
-
-
- 
-
-
-
-
-
- - {searchQuery ? "No Tokens Found" : "Oops! No Tokens Here"} -
-- {searchQuery - ? `We couldn't find any tokens matching ${searchQuery.toUpperCase()}. Try searching with different keywords or browse our available tokens.` - : "The tokens you're looking for seem to have wandered off into the blockchain. Let's get you back to discovering amazing tokens!" - } -
- handleTokenSelect(token)}
- >
-
- );
-
- return (
-
- );
-};
diff --git a/frontend/src/components/SignInModal.tsx b/frontend/src/components/SignInModal.tsx
deleted file mode 100644
index d00cb15..0000000
--- a/frontend/src/components/SignInModal.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import React, { useEffect,useState } from 'react';
-import { useWalletContext } from '../context/WalletProviderContext';
-import { useAccount, useConnect, useDisconnect } from 'wagmi';
-import {
- Dialog,
- DialogContent,
- DialogHeader,
- DialogTitle
-} from './ui/dialog';
-import { useWalletSelector } from '@near-wallet-selector/react-hook';
-import {toast} from "react-hot-toast"
-
-interface SignInModalProps {
- isOpen: boolean;
- onClose: () => void;
-}
-
-interface ConnectedWallet {
- type: 'solana' | 'near' | 'evm';
- address: string;
- displayName: string;
-}
-
-
-const SignInModal: React.FC
-
-
- 
-
-
-
-
- {token.name || token.symbol}
-
-
-
- {token.symbol}
-
-
- {token.mint && (
- {formatAddress(token.mint)}
- )}
-
-
-
- {formatNumberToCurrency(Number(token.balance))}
-
-
- ${formatNumberToCurrency(Number(token.value || "0"))}
-
-
- POTLAUNCH by POTLOCK is committed to protecting your privacy. We do not collect any personal information unless you voluntarily provide it. Any data you provide is used solely for the purpose of improving your experience on our platform.
-For more information, please refer to our documentation.
- - ) - }, - terms: { - title: "Terms of Use", - description: "By using POTLAUNCH by POTLOCK, you agree to our terms. Use the platform responsibly and at your own risk. See documentation for more details.", - body: ( - <> -By accessing or using POTLAUNCH by POTLOCK, you agree to comply with all applicable laws and regulations. The platform is provided as-is, without warranties of any kind. Use at your own risk.
-For more information, please refer to our documentation.
- - ) - } -}; - -export const TermsPrivacyModal = ({ open, onOpenChange, type }: TermsPrivacyModalProps) => { - const content = CONTENT[type]; - return ( - - ); -}; \ No newline at end of file diff --git a/frontend/src/components/TokenCard.tsx b/frontend/src/components/TokenCard.tsx deleted file mode 100644 index 8d881af..0000000 --- a/frontend/src/components/TokenCard.tsx +++ /dev/null @@ -1,140 +0,0 @@ -import { Card, CardContent } from "./ui/card"; -import { Badge } from "./ui/badge"; -import { Progress } from "./ui/progress"; -import { useNavigate } from "@tanstack/react-router"; -import { SOL_NETWORK } from "../configs/env.config"; -import { formatNumberWithCommas } from "../utils"; -import { useEffect, useState } from "react"; -import { BondingCurveTokenInfo, getBondingCurveAccounts } from "../utils/token"; -import { PublicKey } from "@solana/web3.js"; - -interface TokenCardProps { - banner?: string; - avatar?: string; - name: string; - symbol: string; - type: string; - description: string; - progress: number; - supply: string; - address: string; - createdOn: string; - marketCap?: string; - price?: string; - externalLabel: string; - value: string; - decimals: number; -} - -export function TokenCard({ - banner = "/curate.png", - avatar, - name, - symbol, - type = "Meme Coin", - description, - progress, - supply, - address, - createdOn, - marketCap, - price, - externalLabel, - value, - decimals, -}: TokenCardProps) { - const navigate = useNavigate(); - const [bondingCurve, setBondingCurve] = useState
-
-
- 
-
-
-
-
-
-
- {name}
-
-
- ${symbol}
- {type}
-
- {description}
-
- Progress
- {
- bondingCurve && (
- {formatNumberWithCommas(bondingCurve.totalSupply / 10 ** decimals)} / {formatNumberWithCommas(supplyNumber)}
- )
- }
-
-
-
-
-
-
- Token Address
-
- {address.slice(0, 6)}...{address.slice(-6)}
-
-
-
- Created On
- {createdOn}
-
-
-
-
- Market Cap
- {marketCap || '-'}
-
-
- Price
- {price || '-'}
-
-
- {/* */}
-
-
-
- );
-};
\ No newline at end of file
diff --git a/frontend/src/components/WalletButton.tsx b/frontend/src/components/WalletButton.tsx
deleted file mode 100644
index db22313..0000000
--- a/frontend/src/components/WalletButton.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { useState, useEffect } from 'react';
-import { useAccount } from 'wagmi';
-import { useWallet } from '@solana/wallet-adapter-react';
-import { useWalletSelector } from '@near-wallet-selector/react-hook';
-import WalletSidebar from './WalletSidebar';
-import SignInModal from './SignInModal';
-import { User } from 'lucide-react';
-import { Button } from './ui/button';
-
-export const WalletButton: React.FC = () => {
- const { address, isConnected: evmConnected } = useAccount();
- const { connected: solanaConnected } = useWallet();
-
- const {signedAccountId} = useWalletSelector()
-
- const [isSidebarOpen, setIsSidebarOpen] = useState(false);
- const [isSignInModalOpen, setIsSignInModalOpen] = useState(false);
- const [showCopySuccess, setShowCopySuccess] = useState
- {/* Banner and Header Skeleton */}
-
-
-
- {/* Launch Status Skeleton */}
-
-
-
- {/* Tokenomics Details Skeleton */}
-
-
-
- {/* Liquidity Pools Skeleton */}
-
-
-
- {/* Allocation Card Skeleton */}
-
-
-
- {/* Vesting Schedule Card Skeleton */}
-
-
-
- {/* Bonding Curve Chart Skeleton */}
-
-
-
-
- {/* Desktop Trading Card Skeleton */}
-
-
-
- {/* Mobile Trading Card Skeleton */}
-
-
-
-
-
-
-
-
-
-
-
- {[...Array(5)].map((_, i) => (
-
-
-
-
- {/* Description Card Skeleton */}
-
-
-
-
-
-
-
-
-
-
- {[...Array(3)].map((_, i) => (
-
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {[...Array(3)].map((_, i) => (
-
-
-
- ))}
-
- {[...Array(3)].map((_, i) => (
-
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
- {[...Array(6)].map((_, idx) => (
-
-
-
- ))}
-
-
-
-
-
-
- {[...Array(6)].map((_, i) => (
-
- {[...Array(5)].map((_, i) => (
-
-
-
- ))}
-
-
-
-
-
-
-
- {[...Array(3)].map((_, i) => (
-
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {[...Array(3)].map((_, i) => (
-
-
-
- ))}
-
- {/* Tabs Skeleton */}
-
-
- {/* DEX Trading Section Skeleton */}
-
-
-
- {/* Trade Tab Content Skeleton */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- setIsSignInModalOpen(false)}
- />
-
- setIsSidebarOpen(false)}
- onConnectAnother={() => {
- setIsSidebarOpen(false);
- setIsSignInModalOpen(true);
- }}
- />
-
- );
- }
-
- return (
-
-
-
- setIsSignInModalOpen(false)}
- />
-
- setIsSidebarOpen(false)}
- onConnectAnother={() => {
- setIsSidebarOpen(false);
- setIsSignInModalOpen(true);
- }}
- />
-
- );
-};
-
diff --git a/frontend/src/components/WalletProfileModal.tsx b/frontend/src/components/WalletProfileModal.tsx
deleted file mode 100644
index 1b7ed0b..0000000
--- a/frontend/src/components/WalletProfileModal.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import React, { useState } from 'react';
-import { useAccount, useDisconnect } from 'wagmi';
-import { useWallet } from '@solana/wallet-adapter-react';
-import {
- Dialog,
- DialogContent,
- DialogHeader,
- DialogTitle
-} from './ui/dialog';
-import { Button } from './ui/button';
-import { Copy } from 'lucide-react';
-import { useWalletSelector } from '@near-wallet-selector/react-hook';
-
-interface WalletProfileModalProps {
- isOpen: boolean;
- onClose: () => void;
-}
-
-interface ConnectedWallet {
- type: 'solana' | 'near' | 'evm';
- address: string;
- displayName: string;
-}
-
-const WalletProfileModal: React.FC
-
-
- );
-};
-
-export default WalletSidebar;
diff --git a/frontend/src/components/create-token/QuickLaunch.tsx b/frontend/src/components/create-token/QuickLaunch.tsx
deleted file mode 100644
index 1b6168d..0000000
--- a/frontend/src/components/create-token/QuickLaunch.tsx
+++ /dev/null
@@ -1,624 +0,0 @@
-import { useState, useRef } from "react";
-import { toast } from "sonner";
-import { useWallet } from "@solana/wallet-adapter-react";
-import { DbcConfig, LaunchClient, TokenMetadata} from "@cookedbusiness/halfbaked-sdk";
-import { Connection, Keypair, PublicKey, Transaction } from "@solana/web3.js";
-import { getRpcSOLEndpoint } from "../../lib/sol";
-import { NATIVE_MINT } from "@solana/spl-token";
-import { uploadImage } from "../../lib/api";
-interface QuickLaunchProps {
- onCancel: () => void;
-}
-
-export default function QuickLaunch({ onCancel }: QuickLaunchProps) {
- const walletSol = useWallet()
- const { publicKey, sendTransaction} = walletSol
- const [formData, setFormData] = useState({
- tokenName: "",
- tokenSymbol: "",
- tokenSupply: "1000000000",
- decimal: "6",
- description: "",
- twitterUrl: "x.com/",
- websiteUrl: "https://",
- telegramUrl: "t.me/"
- });
-
- // State for image uploads
- const [logoUrl, setLogoUrl] = useState
-
-
-
-
-
-
-
- {connectedWallets.map((wallet, index) => (
-
-
-
- ))}
-
-
-
- {
- wallet.type == "evm" ? (
- })
- ):(
-
- )
- }
-
-
-
-
-
- {getWalletDisplayName(wallet)}
-
-
-
-
-
- ${wallet.balance}
-
- {wallet.address}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Copy address
-Disconnect wallet
-
-
-
- Total balance
-
-
-
-
-
-
-
-
-
- - Total Balance shows the combined USD value of all your connected wallets across Solana, NEAR, and EVM chains -
-
- {isLoadingBalances ? (
-
-
-
-
-
-
- - Make your own token -
-- Add your token name, symbol, logo, and social links. -
-
-
-
-
-
-
- handleInputChange('tokenName', e.target.value)}
- className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm sm:text-base"
- />
-
-
-
- handleInputChange('tokenSymbol', e.target.value)}
- className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm sm:text-base"
- />
-
-
-
-
-
-
- handleInputChange('tokenSupply', e.target.value)}
- className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm sm:text-base"
- />
-
-
-
- handleInputChange('decimal', e.target.value)}
- className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 text-sm sm:text-base"
- />
-
-
-
-