9 |
17 | );
18 | };
19 |
20 | export default Layout;
21 |
--------------------------------------------------------------------------------
/FrontEnd/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 |
3 | export default {
4 | content: [
5 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
6 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
7 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
8 | "./src/landing/**/*.{js,ts,jsx,tsx,mdx}",
9 | ],
10 | theme: {
11 | extend: {
12 | screens: {
13 | "3xl": "2000px",
14 | "4xl": "2560px",
15 | },
16 | colors: {
17 | background: "var(--background)",
18 | foreground: "var(--foreground)",
19 | primary: "#07B3FF",
20 | },
21 | fontFamily: {
22 | anton: ["anton"],
23 | satoshi: ["satoshi"],
24 | rubik:["rubik"],
25 | interSemi:["interSemi"],
26 | },
27 | },
28 | },
29 | plugins: [],
30 | } satisfies Config;
31 |
--------------------------------------------------------------------------------
/FrontEnd/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @import "tailwindcss";
2 | @import "./fonts.css";
3 |
4 |
5 | :root {
6 | --background: #ffffff;
7 | --foreground: #171717;
8 | }
9 |
10 | @theme {
11 | --font-display: "satoshi", "rubik", "interSemi" "sans-serif";
12 | --color-*: initial;
13 | --color-white: #fff;
14 | --color-purple: #3F3CBB;
15 | --color-midnight: #121063;
16 | --color-tahiti: #3AB7BF;
17 | --color-bermuda: #78DCCA;
18 | --color-blue: #07b3ff;
19 | --color-gray: #838587;
20 | --color-red: #FF6464;
21 | }
22 |
23 | body {
24 | background: #181a1b;
25 | }
26 |
27 | input[type="date"]::-webkit-calendar-picker-indicator {
28 | filter: invert(1);
29 | /* inverts the color, making black -> white */
30 | cursor: pointer;
31 | }
32 |
33 | input[type=number]::-webkit-inner-spin-button,
34 | input[type=number]::-webkit-outer-spin-button {
35 | -webkit-appearance: none;
36 | margin: 0;
37 | }
--------------------------------------------------------------------------------
/FrontEnd/src/app/about/page.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import { useState } from "react";
4 | import { AboutSection } from "@/components/elements/about/AboutSection";
5 | import AboutSubSidebar from "@/components/elements/about/AboutSubSidebar";
6 |
7 | export default function AboutPage() {
8 | const [selectedIndex, setSelectedIndex] = useState
10 |
12 |
15 |
16 |
11 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/BackEnd/src/oracle_service/simulateFeed.ts:
--------------------------------------------------------------------------------
1 | import {
2 | CrossbarClient,
3 | } from "@switchboard-xyz/common";
4 | import {
5 | PullFeed,
6 | getDefaultQueue,
7 | asV0Tx,
8 | ON_DEMAND_DEVNET_PID
9 | } from "@switchboard-xyz/on-demand";
10 |
11 | import { FeedUpdateType } from "../type";
12 | import { PublicKey } from "@solana/web3.js";
13 | import { Program } from "@coral-xyz/anchor-30";
14 | import { auth } from "../config";
15 |
16 | export const udpateFeed = async (param: FeedUpdateType) => {
17 | const sbProgram = await Program.at(ON_DEMAND_DEVNET_PID, provider);
18 | const feed = new PublicKey(param.feed);
19 | const feedAccount = new PullFeed(sbProgram, feed);
20 | // Get the queue for the network you're deploying on
21 | let queue = await getDefaultQueue("https://api.devnet.solana.com");
22 |
23 | // Get the crossbar server client
24 | const crossbarClient = CrossbarClient.default();
25 | }
--------------------------------------------------------------------------------
/FrontEnd/src/hooks/useWindowSize.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useState, useEffect } from "react";
3 | // Define general type for useWindowSize hook, which includes width and height
4 | export interface Size {
5 | width: number | undefined;
6 | height: number | undefined;
7 | // isMobile: boolean;
8 | }
9 |
10 | export function useWindowSize(): Size {
11 | const [windowSize, setWindowSize] = useState
12 |
14 |
15 |
17 |
16 |
31 | );
32 | };
33 |
34 | export default SearchBar;
35 |
--------------------------------------------------------------------------------
/FrontEnd/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/prediction-market-smartcontract/programs/prediction/src/utils.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::{prelude::*, solana_program};
2 | use anchor_spl::token;
3 |
4 | pub fn sol_transfer<'a>(
5 | from_account: AccountInfo<'a>,
6 | to_account: AccountInfo<'a>,
7 | system_program: AccountInfo<'a>,
8 | amount: u64,
9 | ) -> Result<()> {
10 | let transfer_instruction =
11 | solana_program::system_instruction::transfer(from_account.key, to_account.key, amount);
12 |
13 | // Invoke the transfer instruction
14 | anchor_lang::solana_program::program::invoke_signed(
15 | &transfer_instruction,
16 | &[from_account, to_account, system_program],
17 | &[],
18 | )?;
19 |
20 | Ok(())
21 | }
22 |
23 | pub fn token_transfer<'a>(
24 | from_ata: AccountInfo<'a>,
25 | to_ata: AccountInfo<'a>,
26 | authority: AccountInfo<'a>,
27 | token_program: AccountInfo<'a>,
28 | singer_seed: &[&[&[u8]]; 1],
29 | amount: u64,
30 | ) -> Result<()> {
31 | let cpi_ctx: CpiContext<_> = CpiContext::new_with_signer(
32 | token_program.to_account_info(),
33 | token::Transfer {
34 | from: from_ata,
35 | authority: authority.to_account_info(),
36 | to: to_ata,
37 | },
38 | singer_seed,
39 | );
40 | token::transfer(cpi_ctx, amount)?;
41 |
42 | Ok(())
43 | }
44 |
--------------------------------------------------------------------------------
/FrontEnd/src/app/fund/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import FundCard from "@/components/elements/fund/FundCard";
4 | import Market from "@/components/elements/marketInfo/Market";
5 | import { useGlobalContext } from "@/providers/GlobalContext";
6 | import axios from "axios";
7 | import { usePathname } from "next/navigation";
8 | import { useEffect } from "react";
9 |
10 | export default function FundMarket() {
11 | const pathname = usePathname();
12 | const { setActiveTab } = useGlobalContext(); // Ensure setActiveTab exists in context
13 |
14 | useEffect(() => {
15 | if (pathname === "/fund") {
16 | setActiveTab("PENDING"); // Update tab
17 | }
18 | }, [pathname, setActiveTab]); // Dependency array ensures it runs on pathname change
19 |
20 | return (
21 |
25 |
26 | ⌘V
27 |
28 |
29 | )}
30 |
22 | {/*
35 | );
36 | }
37 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/profile/ProfileNavbar.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React from "react";
4 |
5 | interface ProfileNavbarProps {
6 | activeTab: "Betting History" | "Funded Market" | "Proposed Market";
7 | onTabChange: (tab: "Betting History" | "Funded Market" | "Proposed Market") => void;
8 | }
9 |
10 | const ProfileNavbar: React.FC
19 | {tabs.map((tab) => (
20 |
36 | );
37 | };
38 |
39 | export default ProfileNavbar;
40 |
--------------------------------------------------------------------------------
/BackEnd/src/index.ts:
--------------------------------------------------------------------------------
1 | import express from "express";
2 | import cors from "cors";
3 | import dotenv from "dotenv";
4 | import router from "./router";
5 | import http from "http";
6 | import { initialize } from "./controller";
7 | import { connectMongoDB, initialSettings } from "./config";
8 |
9 | dotenv.config();
10 |
11 | connectMongoDB();
12 |
13 | const { creatorFeeAmount, marketCount, decimal, fundFeePercentage, bettingFeePercentage } = initialSettings;
14 | const app = express();
15 |
16 | // Middleware
17 | app.use(express.json({ limit: '50mb' }));
18 | app.use(express.urlencoded({ limit: '50mb', extended: true }));
19 | app.use(cors());
20 | app.use("/api", router);
21 |
22 | initialize("devnet", {
23 | creatorFeeAmount,
24 | marketCount,
25 | decimal,
26 | fundFeePercentage,
27 | bettingFeePercentage
28 | });
29 |
30 | app.get("/", (req, res) => {
31 | res.send("💕 Welcome to Prediction market server! 💕");
32 | });
33 |
34 | const port = process.env.PORT || "9000";
35 | const server = http.createServer(app);
36 |
37 | server.listen(port, () => {
38 | console.log(`------------------------------------------------------------`);
39 | console.log(`| |`);
40 | console.log(`| 🤩 Server is running on port ${port}: http://localhost:${port} |`);
41 | console.log(`| |`);
42 | console.log(`------------------------------------------------------------`);
43 | });
44 |
--------------------------------------------------------------------------------
/prediction-market-smartcontract/programs/prediction/src/lib.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::prelude::*;
2 | pub mod constants;
3 | pub mod errors;
4 | pub mod events;
5 | pub mod instructions;
6 | pub mod states;
7 | pub mod utils;
8 |
9 | use instructions::{
10 | betting::*, create_market::*, deposite_liquidity::*, get_oracle_res::*, init::*, token_mint::*,
11 | withdraw::*,
12 | };
13 | use states::{
14 | global::GlobalParams,
15 | market::{BettingParams, MarketParams},
16 | };
17 |
18 | declare_id!("Bki3CWk4AmVF78zvh81rup2EK2iJY4WRCUXesAv8TECF");
19 |
20 | #[program]
21 | pub mod prediction {
22 | use super::*;
23 |
24 | pub fn initialize(ctx: Context onTabChange(tab)}
24 | className={`px-4 py-2.5 rounded-2xl flex justify-start items-center gap-2 cursor-pointer
25 | ${activeTab === tab
26 | ? "bg-[#282828] shadow-[inset_0px_2px_0px_0px_rgba(53,53,53,1.00)] text-white"
27 | : "outline-1 outline-offset-[-1px] outline-[#313131] text-[#838587]"
28 | }`}
29 | >
30 |
34 | ))}
35 |
31 | {tab}
32 |
33 |
16 | {tabs.map(({ key, label, icon }) => (
17 |
31 | ))}
32 |
33 | );
34 | };
35 |
36 | export default MarketTabs;
37 |
--------------------------------------------------------------------------------
/FrontEnd/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "prediction-market-frontend",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@coral-xyz/anchor": "^0.29.0",
13 | "@solana/spl-token": "^0.4.13",
14 | "@solana/wallet-adapter-phantom": "^0.9.25",
15 | "@solana/wallet-adapter-react": "^0.15.36",
16 | "@solana/wallet-adapter-react-ui": "^0.9.36",
17 | "@solana/web3.js": "^1.98.0",
18 | "@switchboard-xyz/common": "^3.0.14",
19 | "@switchboard-xyz/on-demand": "^2.4.1",
20 | "axios": "^1.8.4",
21 | "bn.js": "^5.2.1",
22 | "framer-motion": "^12.10.5",
23 | "next": "15.2.1",
24 | "pm2": "^6.0.8",
25 | "postcss": "^8.5.3",
26 | "react": "^19.0.0",
27 | "react-dom": "^19.0.0",
28 | "react-hot-toast": "^2.5.2",
29 | "react-icons": "^5.5.0",
30 | "react-multi-carousel": "^2.8.5",
31 | "react-spinners": "^0.17.0",
32 | "react-toastify": "^11.0.5"
33 | },
34 | "devDependencies": {
35 | "@eslint/eslintrc": "^3",
36 | "@tailwindcss/postcss": "^4.0.12",
37 | "@types/bn.js": "^5.1.6",
38 | "@types/node": "^20",
39 | "@types/react": "^19",
40 | "@types/react-dom": "^19",
41 | "@types/react-icons": "^3.0.0",
42 | "@types/react-toastify": "^1.0.0",
43 | "eslint": "^9",
44 | "eslint-config-next": "15.2.1",
45 | "tailwindcss": "^4.0.12",
46 | "typescript": "^5"
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/prediction-market-smartcontract/programs/prediction/src/instructions/init.rs:
--------------------------------------------------------------------------------
1 | use crate::constants::GLOBAL_SEED;
2 | use crate::events::GlobalInitialized;
3 | use crate::states::global::*;
4 | use anchor_lang::prelude::*;
5 |
6 | #[derive(Accounts)]
7 | pub struct Initialize<'info> {
8 | #[account(mut)]
9 | pub payer: Signer<'info>,
10 | #[account(
11 | init,
12 | payer = payer,
13 | space = 8 + Global::INIT_SPACE,
14 | seeds = [GLOBAL_SEED.as_bytes()],
15 | bump
16 | )]
17 | pub global: Account<'info, Global>,
18 | pub system_program: Program<'info, System>,
19 | }
20 |
21 | pub fn init(ctx: Context
16 |
20 | );
21 |
22 | const SidebarFaq: React.FC = () => {
23 | const [activeIndex, setActiveIndex] = useState
17 | {title}
18 |
19 |
36 |
42 | );
43 | };
44 |
45 | export default SidebarFaq;
46 |
--------------------------------------------------------------------------------
/FrontEnd/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Geist, Geist_Mono } from "next/font/google";
3 | import "./globals.css";
4 | import Layout from "../components/layouts";
5 | import { GlobalProvider } from "@/providers/GlobalContext";
6 | import "react-multi-carousel/lib/styles.css";
7 | import { WalletProvider, ConnectionProvider } from '@solana/wallet-adapter-react';
8 | import { WalletModalProvider } from '@solana/wallet-adapter-react-ui';
9 | import "@solana/wallet-adapter-react-ui/styles.css";
10 | import { PhantomWalletAdapter } from '@solana/wallet-adapter-phantom';
11 | import { clusterApiUrl } from '@solana/web3.js';
12 | import { ToastContainer } from "react-toastify";
13 |
14 | const geistSans = Geist({
15 | variable: "--font-geist-sans",
16 | subsets: ["latin"],
17 | });
18 |
19 | const geistMono = Geist_Mono({
20 | variable: "--font-geist-mono",
21 | subsets: ["latin"],
22 | });
23 |
24 | export default function RootLayout({
25 | children,
26 | }: Readonly<{
27 | children: React.ReactNode;
28 | }>) {
29 | const wallets = [new PhantomWalletAdapter()];
30 |
31 | return (
32 |
33 |
36 |
37 | {items.map((title, index) => (
38 | setActiveIndex(index)} />
39 | ))}
40 |
41 |
22 | {/* Avatar */}
23 | 
28 |
29 | {/* Comment Content */}
30 |
47 | );
48 | };
49 |
50 | export default CommentItem;
51 |
--------------------------------------------------------------------------------
/BackEnd/src/prediction_market_sdk/config.ts:
--------------------------------------------------------------------------------
1 | import convict from "convict";
2 |
3 | export const config = convict({
4 | bot_name: {
5 | format: String,
6 | default: "local",
7 | env: "BOT_NAME",
8 | },
9 | num_worker_threads: {
10 | format: Number,
11 | default: 4,
12 | env: "NUM_WORKER_THREADS",
13 | },
14 | block_engine_urls: {
15 | format: Array,
16 | default: ["amsterdam.mainnet.block-engine.jito.wtf"],
17 | doc: "block engine urls. bot will mempool subscribe to all and send bundles to first one",
18 | env: "BLOCK_ENGINE_URLS",
19 | },
20 | rpc_url: {
21 | format: String,
22 | default: "https://api.mainnet-beta.solana.com",
23 | env: "RPC_URL",
24 | },
25 | rpc_requests_per_second: {
26 | format: Number,
27 | default: 0,
28 | env: "RPC_REQUESTS_PER_SECOND",
29 | },
30 | rpc_max_batch_size: {
31 | format: Number,
32 | default: 20,
33 | env: "RPC_MAX_BATCH_SIZE",
34 | },
35 | geyser_url: {
36 | format: String,
37 | default: "mainnet.rpc.jito.wtf",
38 | env: "GEYSER_URL",
39 | },
40 | geyser_access_token: {
41 | format: String,
42 | default: "00000000-0000-0000-0000-000000000000",
43 | env: "GEYSER_ACCESS_TOKEN",
44 | },
45 | arb_calculation_num_steps: {
46 | format: Number,
47 | default: 3,
48 | env: "ARB_CALCULATION_NUM_STEPS",
49 | },
50 | max_arb_calculation_time_ms: {
51 | format: Number,
52 | default: 15,
53 | env: "MAX_ARB_CALCULATION_TIME_MS",
54 | },
55 | payer_keypair_path: {
56 | format: String,
57 | default: "./payer.json",
58 | env: "PAYER_KEYPAIR_PATH",
59 | },
60 | min_tip_lamports: {
61 | format: Number,
62 | default: 10000,
63 | env: "MIN_TIP_LAMPORTS",
64 | },
65 | tip_percent: {
66 | format: Number,
67 | default: 50,
68 | env: "TIP_PERCENT",
69 | },
70 | });
--------------------------------------------------------------------------------
/prediction-market-smartcontract/tests/utils.ts:
--------------------------------------------------------------------------------
1 | import { TOKEN_PROGRAM_ID, ASSOCIATED_TOKEN_PROGRAM_ID, getAssociatedTokenAddressSync, createAssociatedTokenAccountInstruction } from "@solana/spl-token";
2 |
3 | import { PublicKey, Connection, TransactionInstruction } from "@solana/web3.js";
4 |
5 | export const getOrCreateATAInstruction = async (
6 | tokenMint: PublicKey,
7 | owner: PublicKey,
8 | connection: Connection,
9 | payer?: PublicKey,
10 | ): Promise<[PublicKey, TransactionInstruction?]> => {
11 | try {
12 | let toAccount = getAssociatedTokenAddressSync(tokenMint, owner);
13 |
14 | const account = await connection.getAccountInfo(toAccount);
15 |
16 | if (!account) {
17 | const ix = createAssociatedTokenAccountInstruction(
18 | payer || owner,
19 | toAccount,
20 | owner,
21 | tokenMint,
22 | TOKEN_PROGRAM_ID,
23 | ASSOCIATED_TOKEN_PROGRAM_ID,
24 | );
25 | return [toAccount, ix];
26 | }
27 |
28 | return [toAccount, undefined];
29 | } catch (e) {
30 | /* handle error */
31 | console.error('Error::getOrCreateATAInstruction', e);
32 | throw e;
33 | }
34 | };
35 |
36 | export const getAssociatedTokenAccount = async (
37 | ownerPubkey: PublicKey,
38 | mintPk: PublicKey
39 | ): Promise
31 |
46 |
32 |
42 |
33 | {username}
34 |
35 |
36 | {timeAgo}
37 |
38 |
39 |
41 |
43 | {comment}
44 |
45 |
17 |
21 | );
22 |
23 | const AboutSubSidebar: React.FC
18 | {title}
19 |
20 |
35 | {items.map((title, index) => (
36 | setSelectedIndex(index)}
41 | />
42 | ))}
43 |
44 | );
45 | };
46 |
47 | export default AboutSubSidebar;
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/ToastGroup.tsx:
--------------------------------------------------------------------------------
1 | import { toast } from "react-toastify";
2 | import "react-toastify/dist/ReactToastify.css";
3 |
4 | export const errorAlert = (text: string) => {
5 | toast.error(text, {
6 | position: "top-right",
7 | autoClose: 2000,
8 | hideProgressBar: false,
9 | closeOnClick: true,
10 | pauseOnHover: true,
11 | draggable: true,
12 | theme: "colored",
13 | });
14 | };
15 |
16 | export const errorAlertCenter = (text: string) => {
17 | toast.error(text, {
18 | position: "top-right",
19 | autoClose: false,
20 | hideProgressBar: false,
21 | closeOnClick: true,
22 | pauseOnHover: true,
23 | draggable: true,
24 | theme: "colored",
25 | });
26 | };
27 |
28 | export const warningAlert = (text: string) => {
29 | toast.warning(text, {
30 | className: "bg-black",
31 | position: "top-right",
32 | autoClose: 2000,
33 | hideProgressBar: false,
34 | closeOnClick: true,
35 | pauseOnHover: true,
36 | draggable: true,
37 | theme: "colored",
38 | });
39 | };
40 |
41 | export const successAlert = (text: string) => {
42 | toast.success(text, {
43 | position: "top-right",
44 | autoClose: 2000,
45 | hideProgressBar: false,
46 | closeOnClick: true,
47 | pauseOnHover: true,
48 | draggable: true,
49 | theme: "colored",
50 | });
51 | };
52 |
53 | export const infoAlert = (text: string) => {
54 | toast.info(text, {
55 | position: "top-right",
56 | autoClose: 2000,
57 | hideProgressBar: false,
58 | closeOnClick: true,
59 | pauseOnHover: true,
60 | draggable: true,
61 | theme: "colored",
62 | });
63 | };
--------------------------------------------------------------------------------
/FrontEnd/src/components/layouts/partials/SidebarNav.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { SidebarNavProps } from "@/types/type";
3 | import SidebarNavItem from "./SidebarNavItem";
4 | import { useState } from "react";
5 |
6 | const sidebarNavList = [
7 | { label: "Home", href: "/" },
8 | { label: "FundMarket", href: "/fund" },
9 | { label: "ProposeMarket", href: "/propose" },
10 | { label: "Referral", href: "/referral" },
11 | { label: "Profile", href: "/profile" },
12 | { label: "About", href: "/about" },
13 | ] as const;
14 |
15 | const SidebarNav: React.FC
43 | {label}
44 |
45 | )}
46 |
47 |
51 | {label}
52 |
53 |
54 | );
55 | };
56 |
57 | export default SidebarNavItem;
58 |
--------------------------------------------------------------------------------
/BackEnd/src/type/index.ts:
--------------------------------------------------------------------------------
1 | import { TransactionInstruction, Keypair, PublicKey } from "@solana/web3.js";
2 |
3 | export type GlobalSettingType = {
4 | creatorFeeAmount: number;
5 | marketCount: number;
6 | decimal: number;
7 | fundFeePercentage: number,
8 | bettingFeePercentage: number
9 | };
10 |
11 | export type CreateMarketType = {
12 | creator: String;
13 | marketID: String;
14 | tokenAmount: number;
15 | tokenPrice: number;
16 | nameA: String;
17 | nameB: String;
18 | symbolA: String;
19 | symbolB: String;
20 | urlA: String;
21 | urlB: String;
22 | quest: number;
23 | date: String;
24 | value: number;
25 | range: number;
26 | feed: Keypair;
27 | oracle: TransactionInstruction;
28 | };
29 |
30 | export type DepositeLiquidityType = {
31 | creator: string,
32 | investor: string,
33 | amount: number,
34 | }
35 |
36 | export type BetType = {
37 | creator: string,
38 | player: string,
39 | amount: number,
40 | isYes: boolean,
41 | token: string
42 | }
43 |
44 | export type OracleType = {
45 | market_id: String,
46 | feed: String
47 | }
48 |
49 | export type FeedUpdateType = {
50 | creator: String,
51 | url: String,
52 | task: String,
53 | name: String,
54 | feed: String,
55 | cluster: 'Devnet' | 'Mainnet'
56 | }
57 |
58 | export type WithdrawType = {
59 | signer: PublicKey,
60 | market_id: PublicKey,
61 | amount: Number,
62 | reciever: PublicKey
63 | }
64 |
65 | export interface MarketFilter {
66 | volumeMin?: number;
67 | volumeMax?: number;
68 | expiryStart?: string; // ISO date
69 | expiryEnd?: string;
70 | yesProbMin?: number;
71 | yesProbMax?: number;
72 | noProbMin?: number;
73 | noProbMax?: number;
74 | }
75 |
76 | export type MarketStatus =
77 | "INIT" |
78 | "PENDING" |
79 | "ACTIVE" |
80 | "CLOSED"
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/carousel/MarketCarousel.tsx:
--------------------------------------------------------------------------------
1 | import { marketCarouselItems } from "@/data/data";
2 | import MarketCarouselItem from "./MarketCarouselItem";
3 | import Carousel from "react-multi-carousel";
4 | import "react-multi-carousel/lib/styles.css";
5 |
6 | const MarketCarousel = () => {
7 | return (
8 |
9 |
56 | {marketCarouselItems.map((item, index) => (
57 |
60 |
61 | );
62 | };
63 |
64 | export default MarketCarousel;
65 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/marketInfo/SearchInputItem.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, { useState } from "react";
4 |
5 | interface SearchInputProps {
6 | title?: string;
7 | minPlaceholder?: string;
8 | maxPlaceholder?: string;
9 | }
10 |
11 | const SearchInputItem: React.FC
21 |
45 | );
46 | };
47 |
48 | export default SearchInputItem;
--------------------------------------------------------------------------------
/prediction-market-smartcontract/programs/prediction/src/instructions/get_oracle_res.rs:
--------------------------------------------------------------------------------
1 | use crate::constants::GLOBAL_SEED;
2 | use crate::errors::ContractError;
3 | use crate::events::OracleResUpdated;
4 | use crate::states::global::Global;
5 | use crate::states::market::Market;
6 | use anchor_lang::prelude::*;
7 | use switchboard_on_demand::on_demand::accounts::pull_feed::PullFeedAccountData;
8 |
9 | #[derive(Accounts)]
10 | pub struct GetOracleRes<'info> {
11 | #[account(
12 | mut,
13 | constraint = user.key() == global.admin @ ContractError::InvalidAdmin
14 | )]
15 | pub user: Signer<'info>,
16 | #[account(mut)]
17 | /// CHECK: global fee authority is checked in constraint
18 | pub market: Box
22 | {title}
23 |
24 |
25 |
44 |
26 | setMinVolume(e.target.value ? Number(e.target.value) : "")}
31 | className="flex-1 bg-transparent text-[#838587] text-xs font-normal font-satoshi leading-3 outline-none"
32 | />
33 |
34 |
35 | setMaxVolume(e.target.value ? Number(e.target.value) : "")}
40 | className="flex-1 bg-transparent text-[#838587] text-xs font-normal font-satoshi leading-3 outline-none"
41 | />
42 |
43 |
25 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/marketInfo/ProgressBar.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface ProgressBarProps {
4 | yesPercentage: number; // The percentage for the 'Yes' blocks
5 | }
6 |
7 | const ProgressBar: React.FC
26 |
28 |
29 |
43 |
30 | setShowRecentActivity(!showRecentActivity)} />
31 |
32 | {showRecentActivity && (
33 |
34 |
41 | )}
42 |
35 |
39 |
36 | Recent Activity
37 |
38 |
16 | {/* Yes Percentage */}
17 |
47 | );
48 | };
49 |
50 | export default ProgressBar;
51 |
--------------------------------------------------------------------------------
/FrontEnd/src/providers/GlobalContext.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { createContext, useContext, useState, ReactNode } from "react";
4 | import { MarketStatus } from "@/types/type";
5 | // Define ActiveTab type
6 | type MarketDataType = {
7 | "_id": string,
8 | "marketField": number,
9 | "apiType": number,
10 | "task": string,
11 | "creator": string,
12 | "tokenA": string,
13 | "tokenB": string,
14 | "market": string,
15 | "question": string,
16 | "feedName": string,
17 | "value": number,
18 | "tradingAmountA": number,
19 | "tradingAmountB": number,
20 | "tokenAPrice": number,
21 | "tokenBPrice": number,
22 | "initAmount": number,
23 | "range": number,
24 | "date": string,
25 | "marketStatus": string,
26 | "imageUrl": string,
27 | "createdAt": string,
28 | "__v": number,
29 | "playerACount": number,
30 | "playerBCount": number,
31 | "totalInvestment": number,
32 | "description": string,
33 | "comments": number
34 | }
35 |
36 | // Define Global Context Type
37 | interface GlobalContextType {
38 | activeTab: MarketStatus;
39 | markets: MarketDataType[];
40 | setActiveTab: (tab: MarketStatus) => void;
41 | formatMarketData: (data: MarketDataType[]) => void;
42 | }
43 |
44 | // Create Context
45 | const GlobalContext = createContext
18 | {yesPercentage}%
19 |
20 |
21 | {/* Progress Bar Blocks */}
22 |
23 | {/* Yes Blocks */}
24 | {Array.from({ length: yesBlocks }).map((_, index) => (
25 |
30 | ))}
31 |
32 | {/* No Blocks */}
33 | {Array.from({ length: noBlocks }).map((_, index) => (
34 |
39 | ))}
40 |
41 |
42 | {/* No Percentage */}
43 |
44 | {noPercentage}%
45 |
46 |
27 | {/* Decrease Button */}
28 |
49 | );
50 | };
51 |
52 | export default SolCounter;
53 |
--------------------------------------------------------------------------------
/BackEnd/src/controller/market/utils.ts:
--------------------------------------------------------------------------------
1 | import { MarketFilter } from "../../type";
2 |
3 | export const buildMarketFilterQuery = (filters: MarketFilter) => {
4 | const query: any = {};
5 |
6 | // Volume = 2 * initAmount - (tradingAmountA + tradingAmountB)
7 | if (filters.volumeMin !== undefined || filters.volumeMax !== undefined) {
8 | query.$expr = query.$expr || { $and: [] };
9 |
10 | const computedVolume = {
11 | $subtract: [
12 | { $multiply: ['$initAmount', 2] },
13 | { $add: ['$tradingAmountA', '$tradingAmountB'] }
14 | ]
15 | };
16 |
17 | if (filters.volumeMin !== undefined) {
18 | query.$expr.$and.push({
19 | $gte: [computedVolume, filters.volumeMin]
20 | });
21 | }
22 | if (filters.volumeMax !== undefined) {
23 | query.$expr.$and.push({
24 | $lte: [computedVolume, filters.volumeMax]
25 | });
26 | }
27 | }
28 |
29 | // Expiry Time (date field is ISO string)
30 | if (filters.expiryStart || filters.expiryEnd) {
31 | query.date = {};
32 | if (filters.expiryStart) query.date.$gte = filters.expiryStart;
33 | if (filters.expiryEnd) query.date.$lte = filters.expiryEnd;
34 | }
35 |
36 | // Yes Probability = tokenAPrice / (tokenAPrice + tokenBPrice)
37 | if (filters.yesProbMin !== undefined || filters.yesProbMax !== undefined) {
38 | query.$expr = query.$expr || { $and: [] };
39 | const yesProb = {
40 | $divide: [
41 | '$tokenAPrice',
42 | { $add: ['$tokenAPrice', '$tokenBPrice'] }
43 | ]
44 | };
45 | if (filters.yesProbMin !== undefined) {
46 | query.$expr.$and.push({ $gte: [yesProb, filters.yesProbMin] });
47 | }
48 | if (filters.yesProbMax !== undefined) {
49 | query.$expr.$and.push({ $lte: [yesProb, filters.yesProbMax] });
50 | }
51 | }
52 |
53 | // No Probability = tokenBPrice / (tokenAPrice + tokenBPrice)
54 | if (filters.noProbMin !== undefined || filters.noProbMax !== undefined) {
55 | query.$expr = query.$expr || { $and: [] };
56 | const noProb = {
57 | $divide: [
58 | '$tokenBPrice',
59 | { $add: ['$tokenAPrice', '$tokenBPrice'] }
60 | ]
61 | };
62 | if (filters.noProbMin !== undefined) {
63 | query.$expr.$and.push({ $gte: [noProb, filters.noProbMin] });
64 | }
65 | if (filters.noProbMax !== undefined) {
66 | query.$expr.$and.push({ $lte: [noProb, filters.noProbMax] });
67 | }
68 | }
69 |
70 | return query;
71 | };
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/marketInfo/RecentList.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import RecentItem from './RecentItem';
3 |
4 | const RecentList: React.FC = () => {
5 | const recentItems = [
6 | {
7 | question: "Who will be Trump’s secretary of defense?",
8 | timeAgo: "2m",
9 | userName: "bludclat",
10 | action: "sold",
11 | price: "0.000032 BTC",
12 | imageSrc: "https://placehold.co/16x16",
13 | status: "yes",
14 | },
15 | {
16 | question: "Who will be Trump’s secretary of defense?",
17 | timeAgo: "2m",
18 | userName: "bomboclart",
19 | action: "sold",
20 | price: "0.000032 BTC",
21 | imageSrc: "https://placehold.co/16x16",
22 | status: "no",
23 | },
24 | {
25 | question: "Who will be Trump’s secretary of defense?",
26 | timeAgo: "2m",
27 | userName: "succlart",
28 | action: "sold",
29 | price: "0.000032 BTC",
30 | imageSrc: "https://placehold.co/16x16",
31 | status: "funded",
32 | },
33 | {
34 | question: "Who will be Trump’s secretary of defense?",
35 | timeAgo: "2m",
36 | userName: "irvanwibowo",
37 | action: "sold",
38 | price: "0.000032 BTC",
39 | imageSrc: "https://placehold.co/16x16",
40 | status: "yes",
41 | },
42 | {
43 | question: "Who will be Trump’s secretary of defense?",
44 | timeAgo: "2m",
45 | userName: "irvanwibowo",
46 | action: "sold",
47 | price: "0.000032 BTC",
48 | imageSrc: "https://placehold.co/16x16",
49 | status: "no",
50 | },
51 | {
52 | question: "Who will be Trump’s secretary of defense?",
53 | timeAgo: "2m",
54 | userName: "irvanwibowo",
55 | action: "sold",
56 | price: "0.000032 BTC",
57 | imageSrc: "https://placehold.co/16x16",
58 | status: "funded",
59 | },
60 | {
61 | question: "Who will be Trump’s secretary of defense?",
62 | timeAgo: "2m",
63 | userName: "irvanwibowo",
64 | action: "sold",
65 | price: "0.000032 BTC",
66 | imageSrc: "https://placehold.co/16x16",
67 | status: "yes",
68 | },
69 | ] as const;
70 |
71 | return (
72 | 0 ? decreaseSol : undefined}
30 | className={` self-stretch p-3 bg-[#1e1e1e] rounded-xl flex justify-center items-center gap-1.5 cursor-pointer transition-all duration-300
31 | ${amount > 0 ? "hover:bg-[#2e2e2e] active:scale-95" : "opacity-50 cursor-not-allowed"}`}
32 | >
33 |
35 |
36 | {/* SOL Amount Display */}
37 |
38 |
39 |
40 |
41 | {/* Increase Button */}
42 |
46 |
48 |
73 | {recentItems.map((item, index) => (
74 |
77 | );
78 | };
79 |
80 | export default RecentList;
81 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/fund/FundNavbar.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import CommentItem from "./CommentItem";
3 |
4 | const comments = [
5 | {
6 | username: "Ahmed45",
7 | timeAgo: "2h ago",
8 | comment: "Can I fund in this topic?",
9 | avatarUrl: "https://placehold.co/32x32",
10 | },
11 | {
12 | username: "CryptoGuru",
13 | timeAgo: "1h ago",
14 | comment: "Yes, you can! Check the details above.",
15 | avatarUrl: "https://placehold.co/32x32",
16 | },
17 | ];
18 |
19 | const FundNavbar = () => {
20 | const [activeTab, setActiveTab] = useState("Comments (45)"); // Default tab is "Comments (45)"
21 |
22 | return (
23 |
24 | {/* Navbar */}
25 |
67 | );
68 | };
69 |
70 | export default FundNavbar;
71 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/profile/ProfileFundItem.tsx:
--------------------------------------------------------------------------------
1 | import { useWallet } from "@solana/wallet-adapter-react";
2 | import React, { useEffect } from "react";
3 |
4 | interface ProfileFundItemProps {
5 | image: string;
6 | title: string;
7 | status: "Pending" | "Active" | "Expired";
8 | betAmount: number;
9 | percentage: number;
10 | value: string;
11 | }
12 |
13 | const statusColors: Record
26 | {["Comments (45)", "Top Funder", "Activity"].map((tab) => (
27 |
41 |
42 | {/* Content */}
43 | {activeTab === "Comments (45)" && (
44 | setActiveTab(tab)}
30 | className={`px-4 py-2.5 rounded-2xl flex justify-start items-center gap-2 cursor-pointer transition-all duration-300
31 | ${
32 | activeTab === tab
33 | ? "bg-[#282828] shadow-[inset_0px_2px_0px_0px_rgba(53,53,53,1.00)] text-white"
34 | : "outline-1 outline-offset-[-1px] outline-[#313131] text-[#838587] hover:bg-[#333] hover:text-white"
35 | }`}
36 | >
37 | {tab}
38 |
39 | ))}
40 |
45 | {comments.map((comment, index) => (
46 |
49 | )}
50 |
51 | {activeTab === "Top Funder" && (
52 |
53 | {comments.map((comment, index) => (
54 |
57 | )}
58 |
59 | {activeTab === "Activity" && (
60 |
61 | {comments.map((comment, index) => (
62 |
65 | )}
66 |
32 | 
33 |
57 | );
58 | };
59 |
60 | export default ProfileFundItem;
61 |
--------------------------------------------------------------------------------
/BackEnd/src/controller/referral/index.ts:
--------------------------------------------------------------------------------
1 | import { Request, Response } from "express";
2 | import ReferModel from "../../model/referral";
3 | import { generateReferralCodeFromWallet } from "./utils";
4 | import { claimFee } from "../../prediction_market_sdk";
5 |
6 | export const getReferCode = async (req: Request, res: Response) => {
7 | try {
8 | const { wallet, referralCode } = req.body;
9 |
10 | let referredLevel = 0;
11 | const info = await ReferModel.findOne({
12 | wallet
13 | });
14 |
15 | let code = "";
16 |
17 | if (!info) {
18 | let wallet_refered = "";
19 | code = generateReferralCodeFromWallet(wallet as string);
20 |
21 | if (referralCode !== "") {
22 | const result = await ReferModel.findOneAndUpdate(
23 | {
24 | referralCode
25 | },
26 | {
27 | $push: {
28 | ids: wallet
29 | }
30 | }
31 | );
32 |
33 | if (result) {
34 | referredLevel = result?.referredLevel + 1;
35 | wallet_refered = result.wallet;
36 | } else {
37 | res.status(500).send({ error: "Invalid Referral code!" });
38 | }
39 | }
40 |
41 | const data = new ReferModel({
42 | wallet,
43 | referralCode: code,
44 | wallet_refered,
45 | referredLevel
46 | })
47 |
48 | await data.save();
49 | } else {
50 | code = info.referralCode;
51 | }
52 |
53 | const referrals = await ReferModel.find({
54 | wallet_refered: wallet
55 | });
56 |
57 | res.status(200).send({ code, referrals });
58 | } catch (error) {
59 | console.log("😒 error:", error);
60 | res.status(500).send("Something went wrong referral code generation!");
61 | }
62 | }
63 |
64 | export const claimReward = async(req: Request, res: Response) => {
65 | try {
66 | const { wallet, amount } = req.body;
67 | await claimFee(wallet, amount);
68 | const info = await ReferModel.findOneAndUpdate(
69 | {
70 | wallet
71 | },
72 | {
73 | fee: 0
74 | }
75 | );
76 | res.status(200).send("success");
77 | } catch (error) {
78 | console.log(error);
79 | res.status(500).send("failed claim");
80 | }
81 | }
--------------------------------------------------------------------------------
/BackEnd/src/prediction_market_sdk/util.ts:
--------------------------------------------------------------------------------
1 | import { PublicKey, Connection, TransactionInstruction } from "@solana/web3.js";
2 | import {
3 | TOKEN_PROGRAM_ID,
4 | ASSOCIATED_TOKEN_PROGRAM_ID,
5 | getAssociatedTokenAddressSync,
6 | createAssociatedTokenAccountInstruction
7 | } from "@solana/spl-token";
8 |
9 | export const getOrCreateATAInstruction = async (
10 | tokenMint: PublicKey,
11 | owner: PublicKey,
12 | connection: Connection,
13 | payer?: PublicKey,
14 | ): Promise<[PublicKey, TransactionInstruction?]> => {
15 | try {
16 | let toAccount = getAssociatedTokenAddressSync(tokenMint, owner);
17 |
18 | const account = await connection.getAccountInfo(toAccount);
19 |
20 | if (!account) {
21 | const ix = createAssociatedTokenAccountInstruction(
22 | payer || owner,
23 | toAccount,
24 | owner,
25 | tokenMint,
26 | TOKEN_PROGRAM_ID,
27 | ASSOCIATED_TOKEN_PROGRAM_ID,
28 | );
29 | return [toAccount, ix];
30 | }
31 |
32 | return [toAccount, undefined];
33 | } catch (e) {
34 | /* handle error */
35 | console.error('Error::getOrCreateATAInstruction', e);
36 | throw e;
37 | }
38 | };
39 |
40 | export const getAssociatedTokenAccount = async (
41 | ownerPubkey: PublicKey,
42 | mintPk: PublicKey
43 | ): Promise
34 | {param.question}
35 |
36 |
37 |
45 |
40 |
44 |
41 | {param.marketStatus}
42 |
43 |
46 | {/*
53 |
47 | {betAmount} SOL /
48 |
*/}
49 |
50 | {percentage.toFixed(1)}%
51 |
52 |
54 | {betAmount} SOL
55 |
56 |
35 |
69 | );
70 | };
71 |
72 | export default Pagination;
73 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/marketInfo/RecentItem.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Icon from '../Icons';
3 |
4 | interface RecentItemProps {
5 | question: string;
6 | timeAgo: string;
7 | userName: string;
8 | action: string;
9 | price: string;
10 | imageSrc: string;
11 | status: 'yes' | 'no' | 'funded';
12 | }
13 |
14 | const RecentItem: React.FC
36 | {/* Left Decoration */}
37 |
68 |
38 |
42 |
43 | {/* Pagination Items */}
44 |
39 |
41 |
45 | {pageNumbers.map((page) => (
46 |
60 |
61 | {/* Right Decoration */}
62 | handlePageClick(page)}
50 | className={`sm:w-14 w-10 sm:p-4 p-2 rounded-2xl outline-1 outline-offset-[-1px] ${
51 | currentPage === page
52 | ? "bg-white/10 outline-[#838587]"
53 | : "opacity outline-[#282828]"
54 | } flex justify-center items-center gap-2 cursor-pointer`}
55 | >
56 |
58 | ))}
59 | {page}
57 |
63 |
67 |
64 |
66 |
31 | 
58 |
59 | );
60 | };
61 |
62 | export default RecentItem;
63 |
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/profile/HistoryItem.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useWallet } from "@solana/wallet-adapter-react";
4 | import React, { useEffect, useState } from "react";
5 |
6 | interface HistoryItemProps {
7 | imageUrl: string;
8 | question: string;
9 | status: "Ongoing" | "Won" | "Lost";
10 | percentage: string;
11 | answer: "Yes" | "No";
12 | amount: string;
13 | }
14 |
15 | const HistoryItem = (param: any) => {
16 | const { publicKey } = useWallet();
17 | const [percentage, setPercentage] = useState(0);
18 | const [answer, setAnswer] = useState("Yes");
19 | const [amount, setAmount] = useState("Yes");
20 | // Define status colors dynamically
21 | const statusColors = {
22 | Ongoing: "bg-[#3fd145]/10 text-[#3fd145]",
23 | Won: "bg-[#0054f5]/10 text-[#07b3ff]",
24 | Lost: "bg-[#ff6464]/10 text-[#ff6464]",
25 | };
26 |
27 | // const answerColor = answer === "Yes" ? "text-[#3fd145]" : "text-[#ff6464]";
28 | const answerColor = "text-[#ff6464]";
29 | useEffect(() => {
30 | let playerList = param.playerA.find((p:any) => p.player === publicKey?.toBase58());
31 | let totalPlayAmount = 0;
32 | if (playerList) {
33 | totalPlayAmount = param.playerA.reduce((sum:any, i:any) => sum + i.amount, 0);
34 | } else {
35 | playerList = param.playerB.find((p:any) => p.player === publicKey?.toBase58());
36 | totalPlayAmount = param.playerB.reduce((sum:any, i:any) => sum + i.amount, 0);
37 | setAnswer("No")
38 | }
39 |
40 | if (!playerList) {
41 | return
42 | }
43 | const percentage = playerList?.amount / totalPlayAmount * 100;
44 | setAmount(playerList?.amount);
45 | setPercentage(percentage);
46 | }, []);
47 | return (
48 |
32 |
57 |
33 |
36 | {question}
34 | - {timeAgo} ago
35 |
37 | 
38 |
56 |
39 | {userName}
40 | {action}
41 |
42 |
43 | {status !== 'funded' ? (
44 |
52 |
45 |
47 | ): ""}
48 |
49 | {statusText}
50 |
51 |
53 | for {price}
54 |
55 |
49 |
50 |
76 | );
77 | };
78 |
79 | export default HistoryItem;
80 |
--------------------------------------------------------------------------------
/prediction-market-smartcontract/programs/prediction/src/instructions/deposite_liquidity.rs:
--------------------------------------------------------------------------------
1 | use crate::constants::GLOBAL_SEED;
2 | use crate::errors::ContractError;
3 | use crate::events::MarketStatusUpdated;
4 | use crate::states::{
5 | global::Global,
6 | market::{Market, MarketStatus},
7 | };
8 | use anchor_lang::{prelude::*, solana_program};
9 |
10 | #[derive(Accounts)]
11 | pub struct DepositLiquidity<'info> {
12 | #[account(mut)]
13 | pub user: Signer<'info>,
14 |
15 | /// CHECK: global fee authority is checked in constraint
16 | #[account(
17 | mut,
18 | constraint = fee_authority.key() == global.fee_authority @ ContractError::InvalidFeeAuthority
19 | )]
20 | pub fee_authority: AccountInfo<'info>,
21 |
22 | #[account(
23 | mut,
24 | constraint = market.market_status == MarketStatus::Prepare @ ContractError::NotPreparing,
25 | )]
26 | pub market: Account<'info, Market>,
27 |
28 | #[account(
29 | seeds = [GLOBAL_SEED.as_bytes()],
30 | bump
31 | )]
32 | pub global: Account<'info, Global>,
33 |
34 | pub system_program: Program<'info, System>,
35 | }
36 |
37 | pub fn deposit_liquidity(ctx: Context
51 | {param.question}
52 |
53 |
54 |
62 |
57 |
61 |
58 | {param.marketStatus}
59 |
60 |
63 |
72 |
64 | {percentage.toFixed(1)} %
65 |
66 |
69 | {answer}
70 |
71 |
73 | {amount}
74 |
75 |
24 | 
29 |
30 |
31 |
32 | {/* Main Image (subtle, right side) */}
33 |
34 | 
39 |
40 |
41 | {/* Overlay Image (optional, more subtle) */}
42 |
43 | 
48 |
49 |
50 | {/* Content */}
51 |
52 |
85 |
53 | {/* Category and Title */}
54 |
65 |
66 | {/* Stats */}
67 |
55 | {category}
56 |
61 |
57 |
60 |
62 | {title}
63 |
64 |
68 |
84 |
69 | Volume
70 | {volume}
71 |
72 |
73 | Time Left
74 |
79 |
75 |
78 |
80 | Yes %
81 | {yesPercentage}%
82 |
83 |
35 |
36 |
78 | );
79 | };
80 |
81 | export default ProfileProposeItem;
82 |
--------------------------------------------------------------------------------
/FrontEnd/src/types/type.ts:
--------------------------------------------------------------------------------
1 | import { TransactionInstruction, Keypair, PublicKey } from "@solana/web3.js";
2 | import { AnchorWallet, WalletContextState } from "@solana/wallet-adapter-react";
3 |
4 | export interface SidebarNavItemProps {
5 | label:
6 | | "Home"
7 | | "FundMarket"
8 | | "ProposeMarket"
9 | | "Referral"
10 | | "Profile"
11 | | "About";
12 | href: string;
13 | isActive: boolean;
14 | onClick: () => void;
15 | isCollapsed: boolean;
16 | }
17 |
18 | export interface SidebarNavProps {
19 | isCollapsed: boolean;
20 | }
21 |
22 | export interface MarketCarouselItemProps {
23 | category: string;
24 | title: string;
25 | bgImage: string;
26 | mainImage: string;
27 | overlayImage: string;
28 | volume: string;
29 | timeLeft: string;
30 | yesPercentage: number;
31 | comments: number;
32 | }
33 |
34 | // Define Prediction type for active predictions
35 | export interface Prediction {
36 | category: string;
37 | question: string;
38 | volume: string;
39 | timeLeft: string;
40 | comments: number;
41 | yesPercentage: number; // Only for active predictions
42 | imageUrl: string;
43 | onVote?: () => void;
44 | }
45 |
46 | // Define PendingData type for pending predictions
47 | export interface PendingData {
48 | category: string;
49 | question: string;
50 | volume: string;
51 | timeLeft: string;
52 | comments: number;
53 | imageUrl: string;
54 | }
55 |
56 | export interface ProposeType {
57 | marketField: number;
58 | imageUrl: string;
59 | range: number,
60 | apiType: number;
61 | question: string;
62 | feedName: string;
63 | dataLink: string;
64 | date: string;
65 | task: string;
66 | value: number,
67 | creator: string,
68 | description: string
69 | }
70 |
71 | export type GlobalSettingType = {
72 | creatorFeeAmount: number;
73 | liqudityUserFeeAmount: number;
74 | bettingUserFeeAmount: number;
75 | marketCount: number;
76 | decimal: number;
77 | feePercentage: number;
78 | };
79 |
80 | export type CreateMarketType = {
81 | marketID: String;
82 | date: String;
83 | value: number;
84 | feed: Keypair;
85 | wallet: WalletContextState,
86 | anchorWallet: AnchorWallet,
87 | };
88 |
89 | export type DepositeLiquidityType = {
90 | market_id: string,
91 | amount: number,
92 | wallet: WalletContextState,
93 | }
94 |
95 | export type BetType = {
96 | creator: string,
97 | player: AnchorWallet,
98 | marketId: string,
99 | amount: number,
100 | isYes: boolean,
101 | market: string,
102 | token: string,
103 | }
104 |
105 | export type OracleType = {
106 | creator: string,
107 | }
108 |
109 | export type RegistType = {
110 | url: String,
111 | task: String,
112 | name: String,
113 | wallet: AnchorWallet,
114 | cluster: 'Devnet' | 'Mainnet'
115 | }
116 |
117 | export type MarketStatus =
118 | "INIT" |
119 | "PENDING" |
120 | "ACTIVE" |
121 | "CLOSED"
122 |
123 | export type MarketDataType = {
124 | "_id": string,
125 | "marketField": number,
126 | "apiType": number,
127 | "task": string,
128 | "creator": string,
129 | "tokenA": string,
130 | "tokenB": string,
131 | "market": string,
132 | "question": string,
133 | "feedName": string,
134 | "value": number,
135 | "range": number,
136 | "date": string,
137 | "marketStatus": string,
138 | "imageUrl": string,
139 | "createdAt": string,
140 | "__v": number,
141 | "playerACount": number,
142 | "playerBCount": number,
143 | "totalInvestment": number,
144 | "description": string,
145 | "comments": number
146 | }
147 |
148 | export type ReferralType = {
149 | wallet: String,
150 | referralCode: String,
151 | referredLevel: Number,
152 | fee: number,
153 | status: "PENDING" | "ACTIVE",
154 | wallet_refered: String,
155 | createdAt: String,
156 | }
--------------------------------------------------------------------------------
/FrontEnd/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | import { PublicKey } from "@solana/web3.js";
2 | import axios from "axios";
3 |
4 | const PINATA_API_KEY = "6ab09644822193eed05d";
5 | const PINATA_SECRET_KEY = "e920681dec7cb1d967ab69aaff433c1a94d4e4b3da53dc0d169f6736c7292708";
6 |
7 | export const uploadToPinata = async (file: File) => {
8 | try {
9 | const formData = new FormData();
10 | formData.append("file", file);
11 | console.log("uploading...");
12 |
13 | const response = await axios.post(
14 | "https://api.pinata.cloud/pinning/pinFileToIPFS",
15 | formData,
16 | {
17 | headers: {
18 | "Content-Type": "multipart/form-data",
19 | pinata_api_key: PINATA_API_KEY,
20 | pinata_secret_api_key: PINATA_SECRET_KEY,
21 | },
22 | }
23 | );
24 | console.log("finished uploading", response.data.IpfsHash);
25 |
26 | return `https://gateway.pinata.cloud/ipfs/${response.data.IpfsHash}`;
27 | } catch (error) {
28 | console.error("Error uploading to Pinata:", error);
29 | return null
30 | }
31 | };
32 |
33 | export function findJsonPathsForKey(jsonStr: string, key: string): string[] {
34 | const paths: string[] = [];
35 |
36 | function search(obj: any, path: string = "$") {
37 | if (typeof obj !== "object" || obj === null) return;
38 |
39 | if (Array.isArray(obj)) {
40 | obj.forEach((item, index) => {
41 | search(item, `${path}[${index}]`);
42 | });
43 | } else {
44 | for (const k in obj) {
45 | if (k === key) {
46 | paths.push(`${path}.${k}`);
47 | }
48 | search(obj[k], `${path}.${k}`);
49 | }
50 | }
51 | }
52 |
53 | try {
54 | const data = JSON.parse(jsonStr);
55 | search(data);
56 | return paths;
57 | } catch (e) {
58 | console.error("Invalid JSON:", e);
59 | return [];
60 | }
61 | }
62 |
63 | export const getCountDown = (targetDateStr: string) => {
64 |
65 | const targetDate = new Date(targetDateStr);
66 | const now = new Date();
67 |
68 | let diff = Math.max(0, targetDate.getTime() - now.getTime()); // in milliseconds
69 |
70 | const days = Math.floor(diff / (1000 * 60 * 60 * 24));
71 | diff -= days * (1000 * 60 * 60 * 24);
72 |
73 | const hours = Math.floor(diff / (1000 * 60 * 60));
74 | diff -= hours * (1000 * 60 * 60);
75 |
76 | const minutes = Math.floor(diff / (1000 * 60));
77 | diff -= minutes * (1000 * 60);
78 |
79 | const seconds = Math.floor(diff / 1000);
80 |
81 | return `${days}d : ${hours}h : ${minutes}m : ${seconds}s`;
82 | }
83 |
84 | export const elipsKey = (content: string) => {
85 | return content.length > 10 ? content.slice(0, 4) + "..." + content.slice(content.length - 4, content.length) : content
86 | }
87 |
88 | export const isPublickey = (addr: string) => {
89 | try {
90 | const key = new PublicKey(addr);
91 | return PublicKey.isOnCurve(key.toBytes());
92 | } catch (error) {
93 | console.log("Invalid Address:", error);
94 | return false
95 | }
96 | }
97 |
98 | export function timeAgo(ms: number): string {
99 | const now = Date.now();
100 | const diff = now - ms;
101 |
102 | const minute = 60 * 1000;
103 | const hour = 60 * minute;
104 | const day = 24 * hour;
105 | const month = 30 * day;
106 | const year = 12 * month;
107 |
108 | if (diff < hour) {
109 | const minutes = Math.floor(diff / minute);
110 | return `${minutes} min ago`;
111 | } else if (diff < day) {
112 | const hours = Math.floor(diff / hour);
113 | return `${hours} hour${hours !== 1 ? 's' : ''} ago`;
114 | } else if (diff < month) {
115 | const days = Math.floor(diff / day);
116 | return `${days} day${days !== 1 ? 's' : ''} ago`;
117 | } else if (diff < year) {
118 | const months = Math.floor(diff / month);
119 | return `${months} month${months !== 1 ? 's' : ''} ago`;
120 | } else {
121 | const years = Math.floor(diff / year);
122 | return `${years} year${years !== 1 ? 's' : ''} ago`;
123 | }
124 | }
125 |
126 | export function stylizeFloat(num: number) {
127 | parseFloat(Number(num).toFixed(9)).toString()
128 | }
--------------------------------------------------------------------------------
/BackEnd/src/controller/profile/index.ts:
--------------------------------------------------------------------------------
1 | import { Request, Response } from "express";
2 | import MarketModel from "../../model/market";
3 | import ReferModel from "../../model/referral";
4 |
5 | export const getProfileData = async (req: Request, res: Response) => {
6 | try {
7 | const { wallet } = req.query;
8 |
9 | const results = await MarketModel.find({
10 | $or: [
11 | { creator: wallet },
12 | { "playerA.player": wallet },
13 | { "playerB.player": wallet },
14 | { "investors.investor": wallet }
15 | ]
16 | });
17 |
18 | const referrals = await ReferModel.find({
19 | wallet_refered: wallet
20 | })
21 |
22 |
23 | //// Getting Active Bet /////
24 | const activeBet = results.filter((val) => val.marketStatus === "ACTIVE").length;
25 |
26 | //// Getting betting history /////
27 | const bettingHistory = results.filter((val) => val.playerA.some(p => p.player === wallet) || val.playerB.some(p => p.player === wallet));
28 |
29 | //// Getting Active Bet /////
30 | const totalBet = bettingHistory.length;
31 |
32 | //// Getting Earning From Bet /////
33 | const closedMarkets = bettingHistory.filter((val) => val.marketStatus === "CLOSED");
34 |
35 | let earnedBet = 0;
36 |
37 | for (const market of closedMarkets) {
38 | const isPlayerAWinner = market.isYes === true;
39 |
40 | const winners = isPlayerAWinner ? market.playerA : market.playerB;
41 | const losers = isPlayerAWinner ? market.playerB : market.playerA;
42 |
43 | const totalWinningAmount = winners.reduce((sum, p) => sum + p.amount, 0);
44 | const totalLosingAmount = losers.reduce((sum, p) => sum + p.amount, 0);
45 |
46 | const userEntry = winners.find(p => p.player === wallet);
47 | if (!userEntry) continue;
48 |
49 | const userShare = userEntry.amount / totalWinningAmount;
50 | const userEarnings = userEntry.amount + (userShare * totalLosingAmount);
51 |
52 | earnedBet += userEarnings;
53 | }
54 |
55 | const investList = results.filter((val) => val.investors.some(i => i.investor === wallet)); ///fundedMarkets
56 | let sumPerMarket: number[] = []
57 | if (investList.length > 0) {
58 | sumPerMarket = investList.map((val) => val.investors.find((val) => wallet === val.investor)!.amount);
59 | }
60 |
61 | //// Getting earned fee from liquidity /////
62 | let earnedFeeLiquidity = 0;
63 | for (let index = 0; index < investList.length; index++) {
64 | const element = investList[index];
65 | const userInvest = element.investors.find(p => p.investor === wallet);
66 | if (!userInvest) continue;
67 | const totalLiquidityAmount = element.investors.reduce((sum, i) => sum + i.amount, 0);
68 | const userShare = userInvest.amount/totalLiquidityAmount;
69 |
70 | const betAAmou = element.playerA.reduce((sum, i) => sum + i.amount, 0);
71 | const betBAmou = element.playerB.reduce((sum, i) => sum + i.amount, 0);
72 |
73 | const userEarnings = userInvest.amount + (userShare * (betAAmou + betBAmou) * 0.01);
74 | earnedFeeLiquidity += userEarnings;
75 | }
76 |
77 | //// Getting totalLiquidityProvided /////
78 | const totalLiquidityProvided = sumPerMarket.reduce((sum, i) => sum + i, 0);
79 | console.log("totalLiquidityProvided ", totalLiquidityProvided);
80 |
81 | const proposedMarket = results.filter((val) => val.creator === wallet);
82 | const totalProposedMarket = proposedMarket.length;
83 | const totalreferrals = referrals.length;
84 |
85 | res.status(200).send({ totalProfileValue: 0, activeBet, totalBet, totalLiquidityProvided, earnedFeeLiquidity, earnedBet, totalProposedMarket, totalreferrals, bettingHistory, fundedMarkets: investList, proposedMarket })
86 | } catch (error) {
87 | console.log("😒 error:", error);
88 | res.status(500).send("Something went wrong fetching profile Data!");
89 | }
90 | }
--------------------------------------------------------------------------------
/FrontEnd/src/components/elements/referral/ReferralItem.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React from "react";
4 | import { motion } from "framer-motion";
5 | import { FaUser, FaClock, FaCoins } from "react-icons/fa";
6 | import { ReferralType } from "@/types/type";
7 | import { elipsKey, timeAgo } from "@/utils";
8 | import axios from "axios";
9 | import { url } from "@/data/data";
10 | import { errorAlert, infoAlert } from "../ToastGroup";
11 |
12 | const ReferralItem: React.FC
37 |
77 |
38 |
40 | {param.marketStatus}
39 | {param.question}
41 |
42 |
50 | Time Left
43 |
44 |
49 |
45 |
47 | {counter}
48 |
51 |
76 | Collected
52 |
53 | {Array.from({ length: 20 }).map((_, idx) => {
54 | const filledSegments = Math.floor((fund / 0.1) * 20);
55 | const isFilled = idx < filledSegments;
56 | return (
57 |
61 | );
62 | })}
63 |
64 |
65 |
66 | {fund}
67 |
68 |
69 | / {0.1} SOL
70 |
71 |
72 | SOL Raised
73 |
74 |
75 |
51 |
63 |
64 | {/* Right Section - Status and Amount */}
65 |
52 |
54 |
55 |
62 |
56 | {elipsKey(wallet_refered as string)}
57 |
58 |
59 | {referralCode}
60 |
61 |
66 | {/* Time Ago */}
67 | handleClaim(fee)}
100 | className="px-4 py-3 bg-[#282828] rounded-xl cursor-pointer border border-[#313131] flex items-center gap-2 hover:bg-[#313131] transition-colors"
101 | >
102 | {/*
107 |
108 |
68 |
73 |
74 | {/* Status Badge */}
75 |
70 | {timeAgo(parseInt(createdAt as string))}
71 |
72 |
80 | {status.charAt(0).toUpperCase() + status.slice(1)}
81 |
82 |
83 | {/* Amount Earned */}
84 |
85 |
95 |
96 |
87 |
88 | { parseFloat(Number(fee / 100000000).toFixed(9)).toString()}
89 |
90 |
91 | SOL
92 |
93 |
94 |