Hello, Home page!
3 | } -------------------------------------------------------------------------------- /src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/m8s-lab/pump-fun-frontend/e8835aeadb09f63c377da618ad2504547adeeba5/src/app/favicon.ico -------------------------------------------------------------------------------- /src/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background-color: rgb(49, 49, 49); 22 | /* background: linear-gradient( 23 | to bottom, 24 | transparent, 25 | rgb(var(--background-end-rgb)) 26 | ) 27 | rgb(var(--background-start-rgb)); */ 28 | } 29 | 30 | @layer utilities { 31 | .text-balance { 32 | text-wrap: balance; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import { Inter } from "next/font/google"; 3 | import "./globals.css"; 4 | import Providers from "@/components/providers"; 5 | import "dotenv/config.js"; 6 | import Header from "@/components/Header"; 7 | 8 | const inter = Inter({ 9 | subsets: ["latin"], 10 | }); 11 | 12 | export const metadata: Metadata = { 13 | title: "Pump.fun", 14 | description: "Generated by create next app", 15 | }; 16 | 17 | export default function RootLayout({ 18 | children, 19 | }: Readonly<{ 20 | children: React.ReactNode; 21 | }>) { 22 | return ( 23 | 24 | 25 |
14 | 
15 | {/* 
*/}
16 |
38 | );
39 | };
40 |
--------------------------------------------------------------------------------
/src/components/Header.tsx:
--------------------------------------------------------------------------------
1 | import { FC, useContext, useMemo } from "react";
2 | import { ConnectButton } from "./ConnectButton";
3 | import Link from "next/link";
4 | import UserContext from "@/context/UserContext";
5 |
6 | interface HeaderProps {
7 | staked: number;
8 | }
9 | const Header: FC = () => {
10 | return (
11 | */}
16 |
17 |
37 |
18 |
25 | Created by 🐸
19 |
20 |
21 | {(coin?.creator as userInfo)?.name}
22 |
23 |
24 | market cap: 32.25k{coin?.marketcap} [badge:👑]
26 | replies: {coin?.replies}
27 |
28 | {coin?.name} [ticker: {coin?.ticker}]
29 |
30 |
31 | {componentKey === "coin" ? (
32 | coin?.description && {coin?.description}
33 | ) : (
34 | <>
35 | )}
36 |
13 |
28 |
14 |
15 |
24 |
25 |
26 |
50 | {holders && holders.map((trade, index) => (
51 |
59 | );
60 | };
61 |
--------------------------------------------------------------------------------
/src/components/MessageForm.tsx:
--------------------------------------------------------------------------------
1 | import { msgInfo, userInfo } from "@/utils/types";
2 |
3 | interface MessageFormProps {
4 | msg: msgInfo;
5 | }
6 |
7 | export const MessageForm: React.FC
52 |
57 | ))}
58 |
53 | {index + 1}. {trade.holder.name}
54 |
55 | {Math.floor(trade.totalAmount/10_000_000_000)/1000}%
56 |
10 |
40 | );
41 | };
42 |
--------------------------------------------------------------------------------
/src/components/Modal.tsx:
--------------------------------------------------------------------------------
1 | // components/Modal.tsx
2 | import React from 'react';
3 |
4 | interface ModalProps {
5 | isOpen: boolean;
6 | onClose: () => void;
7 | children: React.ReactNode;
8 | }
9 |
10 | const Modal: React.FC
11 |
39 |
12 | 
19 |
24 | 20 | {(msg.sender as userInfo).name} 21 |
22 | {msg.time &&{msg.time.toString()}
} 23 |
25 | {msg.img !== undefined && (
26 | 
33 | )}
34 |
38 |
35 |
37 | {msg.msg}
36 |
15 |
24 | );
25 | };
26 |
27 | export default Modal;
28 |
--------------------------------------------------------------------------------
/src/components/ReplyModal.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const ReplyModal = ({ show, onClose, children }) => {
4 | if (!show) {
5 | return null;
6 | }
7 |
8 | return (
9 |
16 |
21 | {children}
22 |
23 |
10 |
15 | );
16 | };
17 |
18 | export default ReplyModal;
19 |
--------------------------------------------------------------------------------
/src/components/Spinner.tsx:
--------------------------------------------------------------------------------
1 | import { Circles } from "react-loader-spinner"
2 |
3 | export const Spinner = () => {
4 | return (
5 |
11 |
12 | {children}
13 |
14 |
6 |
20 | )
21 |
22 | }
--------------------------------------------------------------------------------
/src/components/TVChart/TradingChart.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import Head from "next/head";
3 | import dynamic from "next/dynamic";
4 | import { useEffect, useState } from "react";
5 | import Script from "next/script";
6 |
7 | import {
8 | ChartingLibraryWidgetOptions,
9 | ResolutionString,
10 | } from "@/libraries/charting_library/charting_library";
11 | import { coinInfo } from "@/utils/types";
12 | // import { TVChartContainer } from "@/components/TVChartContainer";
13 |
14 |
15 | interface TradingChartProps {
16 | param: coinInfo
17 | }
18 |
19 | const TVChartContainer = dynamic(
20 | () =>
21 | import("@/components/TVChart/TVChartContainer").then((mod) => mod.TVChartContainer),
22 | { ssr: false }
23 | );
24 |
25 | export const TradingChart: React.FC
7 |
19 |
8 |
18 |