(
- SORTING_INDEX.NUMBER
- );
-
- const user = {
- address: String(addressUser),
- rank: -1,
- number_of_transactions: 0,
- volume: 0,
- yield_earned: "0",
- } satisfies Data;
-
- const receiveData = useCallback(
- (
- leaderboardRankingKey: string,
- dataUserKey: string,
- loadingState: boolean
- ) => {
- const array = apiState[leaderboardRankingKey as keyof typeof apiState];
- const arr = apiState[dataUserKey as keyof typeof apiState];
-
- const leaderboard = array.map((leaderboardRow: Data, i: number) => ({
- ...leaderboardRow,
- rank: i + 1,
- }));
- if (isConnected) {
- if (arr.length === 0) {
- setSortedData([...leaderboard, user]);
- } else {
- setSortedData([...leaderboard, ...arr]);
- }
- } else if (!loadingState) {
- setSortedData([...leaderboard]);
- }
- },
- [apiState, isConnected, user]
- );
-
- useEffect(() => {
- if (filterIndex === "24hour") {
- receiveData(
- "leaderboardRanking24Hours",
- "dataUser24Hours",
- loading24Hours
- );
- } else {
- receiveData(
- "leaderboardRankingAllTime",
- "dataUserAllTime",
- loadingAllTime
- );
- }
- }, [filterIndex, loading24Hours, loadingAllTime, isConnected]);
-
- const [openDropdown, setOpenDropdown] = useState(false);
-
- const dropdownRef = useRef(null);
- useClickOutside(dropdownRef, () => {
- setTimeout(() => setOpenDropdown(false), 200);
- });
-
- const sortData = useCallback(
- (sortBy: string) => {
- const frozenRow = sortedData.find((row) => row.rank === -1);
- const dataToSort = sortedData.filter((row) => row.rank !== -1);
-
- let newSortedData = [];
-
- switch (sortBy) {
- case SORTING_INDEX.VOLUME:
- newSortedData = [...dataToSort].sort(
- (a, b) => Number(b.volume) - Number(a.volume)
- );
- break;
- case SORTING_INDEX.REWARDS:
- newSortedData = [...dataToSort].sort(
- (a, b) => Number(b.yield_earned) - Number(a.yield_earned)
- );
- break;
- default:
- newSortedData = [...dataToSort].sort(
- (a, b) => b.number_of_transactions - a.number_of_transactions
- );
- }
-
- newSortedData.forEach((item, index) => {
- item.rank = index + 1; // Assign ranks starting from 1
- });
-
- if (frozenRow) {
- newSortedData.unshift(frozenRow);
- }
-
- setSortedData(newSortedData);
- },
- [sortedData]
- );
-
- const leaderboardRankRow = useCallback(
- (data: {
- address: string;
- rank?: number;
- number_of_transactions: number;
- volume: number | string;
- yield_earned: string;
- }): IRow => {
- const { address, rank, number_of_transactions, volume, yield_earned } =
- data;
-
- return {
- className: `${styles.table_row} ${
- addressUser === address ? styles.highlighted_row : ""
- }`,
- RowElement: ({ heading }: { heading: string }) => {
- switch (heading) {
- case "RANK":
- return (
- |
- {rank === -1 ? "???" : rank}
- |
- );
- case "USER":
- return (
-
-
-
- {addressUser === address ? (
- "ME"
- ) : (
-
- )}
-
-
- |
- );
- case "#TX":
- return (
-
- {number_of_transactions}
- |
- );
- case "VOLUME (USD)":
- return (
-
-
- {toSignificantDecimals(Number(volume), 1)}
-
- |
- );
- case "YIELD EARNED (USD)":
- return (
-
-
- {toSignificantDecimals(Number(yield_earned), 3)}
-
- |
- );
- default:
- return <>;
- }
- },
- };
- },
- [addressUser]
- );
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- Fluidity Leaderboard{" "}
- Competition
-
-
-
-
- Step into the Fluidity Arena!{" "}
- {" "}
-
- Compete in our Leaderboard Challenge by transacting with ƒluid
- Assets on-chain. Rise in ranks, earn your bragging rights, and claim
- exclusive rewards. Each week brings a new opportunity — Dive in,
- explore, and may the best ƒluider win!{" "}
-
-
- LEARN MORE{" "}
-
-
-
-
-
-
-
- Weekly Challenge:{" "}
-
- Top Volume Contributors Win Extra Rewards!{" "}
-
-
-
-
{Profile()}
-
-
-
-
-
-
- Leaderboard
-
-
-
- This leaderboard shows your rank among other users
- {filterIndex === "24hour" ? " per" : " for"}
-
- {filterIndex === "24hour" ? (
- 24 HOURS
- ) : (
- ALL TIME
- )}
- .
-
-
-
-
- {
- setFilterIndex("24hour");
- setSortedByItem(SORTING_INDEX.NUMBER);
- }}
- className={
- filterIndex === "24hour"
- ? `${styles.btn} ${styles.btn_highlited}`
- : `${styles.btn}`
- }
- >
- 24 HOURS
-
- {
- setFilterIndex("allTime");
- setSortedByItem(SORTING_INDEX.NUMBER);
- }}
- className={
- filterIndex === "24hour"
- ? `${styles.btn}`
- : `${styles.btn} ${styles.btn_highlited}`
- }
- >
-
- ALL TIME
-
-
-
-
-
SORT BY:
-
-
{
- setOpenDropdown(!openDropdown);
- }}
- className={styles.btn}
- >
-
- {SORTED_ITEM[sortedByItem as keyof typeof SORTED_ITEM]}{" "}
-
-
- {openDropdown && (
-
- )}
-
-
-
-
-
-
- {sortedData.length === 0 ? (
- !loaded ? (
-
Fetching table data...
- ) : (
- <>
-
- No records found!
-
-
- )
- ) : (
-
leaderboardRankRow(data)}
- freezeRow={(data) => {
- return data.address === addressUser;
- }}
- loaded={loaded}
- />
- )}
-
-
-
-
-
-
-
- );
-}
diff --git a/web/leaderboard/src/app/providers.tsx b/web/leaderboard/src/app/providers.tsx
deleted file mode 100644
index 063c0d3b7..000000000
--- a/web/leaderboard/src/app/providers.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { WagmiConfig, configureChains, createConfig } from "wagmi";
-import { mainnet } from "wagmi/chains";
-import { MetaMaskConnector } from "wagmi/connectors/metaMask";
-import { WalletConnectConnector } from "wagmi/connectors/walletConnect";
-import { publicProvider } from "wagmi/providers/public";
-import { ApolloProvider } from "@apollo/client";
-
-import { client } from "./utils/client";
-import { ChainContextProvider } from "./queries/ChainContext";
-
-const { chains, publicClient, webSocketPublicClient } = configureChains(
- [mainnet],
- [publicProvider()]
-);
-
-export const FLU_WALLETCONNECT_ID = "60cd988a2683be6b1787c53081016310";
-
-const config = createConfig({
- autoConnect: true,
- connectors: [
- new MetaMaskConnector({ chains }),
- new WalletConnectConnector({
- chains,
- options: {
- projectId: FLU_WALLETCONNECT_ID,
- },
- }),
- ],
- publicClient,
- webSocketPublicClient,
-});
-
-export function Providers({ children }: { children: React.ReactNode }) {
- const [mounted, setMounted] = React.useState(false);
- React.useEffect(() => setMounted(true), []);
- return (
-
- {mounted && (
-
- {children}
-
- )}
-
- );
-}
diff --git a/web/leaderboard/src/app/queries/ChainContext.tsx b/web/leaderboard/src/app/queries/ChainContext.tsx
deleted file mode 100644
index b90d0b0d4..000000000
--- a/web/leaderboard/src/app/queries/ChainContext.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import { createContext, useContext, useState, useEffect } from "react";
-import { useAccount } from "wagmi";
-
-import {
- useLeaderboardRanking24Hours,
- useByUserLeaderboardRanking24Hours,
- LeaderboardRanking,
- LeaderboardRankingRes,
- useLeaderboardRankingAllTime,
- useByUserLeaderboardRankingAllTime,
-} from "./useLeaderboardRanking";
-
-export type Network = "arbitrum" | "ethereum" | "solana";
-
-type ChainData = {
- data?: string;
- loading: boolean;
-};
-
-interface ApiState {
- leaderboardRanking24Hours: LeaderboardRanking[];
- leaderboardRankingAllTime: LeaderboardRanking[];
- dataUser24Hours: LeaderboardRanking[];
- dataUserAllTime: LeaderboardRanking[];
-}
-
-interface ChainState {
- network: Network;
- userAddress?: string;
- apiState: ApiState;
-}
-
-const initChainState = (): ChainState => {
- return {
- network: "arbitrum",
- userAddress: " ",
- apiState: {
- leaderboardRanking24Hours: [],
- leaderboardRankingAllTime: [],
- dataUser24Hours: [],
- dataUserAllTime: [],
- },
- };
-};
-
-const ChainContext = createContext(initChainState());
-
-const ChainContextProvider = ({ children }: { children: React.ReactNode }) => {
- const network: Network = "arbitrum";
-
- const [leaderboardRanking24Hours, setLeaderboardRanking24Hours] = useState<
- LeaderboardRanking[]
- >([]);
- const [leaderboardRankingAllTime, setLeaderboardRankingAllTime] = useState<
- LeaderboardRanking[]
- >([]);
-
- const [dataUser24Hours, setDataUser24Hours] = useState(
- []
- );
-
- const [dataUserAllTime, setDataUserAllTime] = useState(
- []
- );
-
- const { address: userAddress, connector, isConnected } = useAccount();
-
- const [onChainData, setOnChainData] = useState({
- data: undefined,
- loading: false,
- });
-
- const apiState = {
- leaderboardRanking24Hours,
- leaderboardRankingAllTime,
- dataUser24Hours,
- dataUserAllTime,
- onChainData,
- };
-
- useLeaderboardRanking24Hours(
- ({ leaderboard_ranking }: LeaderboardRankingRes) =>
- setLeaderboardRanking24Hours(leaderboard_ranking),
- network
- );
-
- useByUserLeaderboardRanking24Hours(
- ({ leaderboard_ranking }: LeaderboardRankingRes) =>
- setDataUser24Hours(leaderboard_ranking),
- network,
- String(userAddress)
- );
-
- useLeaderboardRankingAllTime(
- ({ leaderboard_ranking }: LeaderboardRankingRes) =>
- setLeaderboardRankingAllTime(leaderboard_ranking),
- network
- );
-
- useByUserLeaderboardRankingAllTime(
- ({ leaderboard_ranking }: LeaderboardRankingRes) =>
- setDataUserAllTime(leaderboard_ranking),
- network,
- String(userAddress)
- );
-
- useEffect(() => {
- setOnChainData({ data: undefined, loading: true });
- }, []);
-
- return (
-
- {children}
-
- );
-};
-
-const useChainContext = () => {
- return useContext(ChainContext);
-};
-
-export { ChainContextProvider, useChainContext };
diff --git a/web/leaderboard/src/app/queries/useLeaderboardRanking.ts b/web/leaderboard/src/app/queries/useLeaderboardRanking.ts
deleted file mode 100644
index 3710f27f4..000000000
--- a/web/leaderboard/src/app/queries/useLeaderboardRanking.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-import { useMemo } from "react";
-import { gql, useQuery } from "@apollo/client";
-
-export const queryByUserLeaderboardRanking24Hours = gql`
- query LeaderboardRanking($address: String!) {
- leaderboard_ranking(
- args: { i: "1 day", network_: "arbitrum" }
- limit: 1
- where: { address: { _eq: $address } }
- ) {
- address
- number_of_transactions
- rank
- volume
- yield_earned
- }
- }
-`;
-
-export const queryLeaderboardRanking24Hours = gql`
- query LeaderboardRanking($limit: Int = 40) {
- leaderboard_ranking(
- args: { i: "1 day", network_: "arbitrum" }
- limit: $limit
- order_by: { number_of_transactions: desc }
- ) {
- address
- number_of_transactions
- rank
- volume
- yield_earned
- }
- }
-`;
-
-export const queryLeaderboardRankingAllTime = gql`
- query LeaderboardRanking($limit: Int = 40) {
- leaderboard_ranking(
- args: { network_: "arbitrum" }
- limit: $limit
- order_by: { number_of_transactions: desc }
- ) {
- address
- number_of_transactions
- rank
- volume
- yield_earned
- }
- }
-`;
-
-export const queryByUserLeaderboardRankingAllTime = gql`
- query LeaderboardRanking($address: String!) {
- leaderboard_ranking(
- args: { network_: "arbitrum" }
- limit: 1
- where: { address: { _eq: $address } }
- ) {
- address
- number_of_transactions
- rank
- volume
- yield_earned
- }
- }
-`;
-
-export const queryLeaderboardRanking24Hour = gql`
- query LeaderboardRanking($limit: Int = 40) {
- leaderboard_ranking(
- args: { i: "1 day", network_: $network }
- limit: $limit
- order_by: { number_of_transactions: desc }
- ) {
- address
- number_of_transactions
- rank
- volume
- yield_earned
- }
- }
-`;
-
-export type LeaderboardRanking = {
- rank?: number;
- address: string;
- volume: string | number;
- number_of_transactions: number;
- yield_earned: string;
-};
-
-export type LeaderboardRankingRes = {
- leaderboard_ranking: LeaderboardRanking[];
-};
-
-const useLeaderboardRanking24Hours = (
- onNext: (ranking: LeaderboardRankingRes) => void,
- network: string
-) => {
- const { query, options } = useMemo(
- () => ({
- query: queryLeaderboardRanking24Hour,
- options: {
- variables: {
- network,
- },
- onCompleted: onNext,
- },
- }),
- [network, onNext]
- );
-
- return useQuery(query, options);
-};
-
-const useByUserLeaderboardRanking24Hours = (
- onNext: (ranking: LeaderboardRankingRes) => void,
- network: string,
- address: string
-) => {
- const { query, options } = useMemo(
- () => ({
- query: queryByUserLeaderboardRanking24Hours,
- options: {
- variables: {
- network,
- address,
- },
- onCompleted: onNext,
- },
- }),
- [network, onNext, address]
- );
-
- return useQuery(query, options);
-};
-
-const useLeaderboardRankingAllTime = (
- onNext: (ranking: LeaderboardRankingRes) => void,
- network: string
-) => {
- const { query, options } = useMemo(
- () => ({
- query: queryLeaderboardRankingAllTime,
- options: {
- variables: {
- network,
- },
- onCompleted: onNext,
- },
- }),
- [network, onNext]
- );
-
- return useQuery(query, options);
-};
-
-const useByUserLeaderboardRankingAllTime = (
- onNext: (ranking: LeaderboardRankingRes) => void,
- network: string,
- address: string
-) => {
- const { query, options } = useMemo(
- () => ({
- query: queryByUserLeaderboardRankingAllTime,
- options: {
- variables: {
- network,
- address,
- },
- onCompleted: onNext,
- },
- }),
- [network, onNext, address]
- );
-
- return useQuery(query, options);
-};
-
-export {
- useLeaderboardRanking24Hours,
- useByUserLeaderboardRanking24Hours,
- useLeaderboardRankingAllTime,
- useByUserLeaderboardRankingAllTime,
-};
diff --git a/web/leaderboard/src/app/types.ts b/web/leaderboard/src/app/types.ts
deleted file mode 100644
index 967752fff..000000000
--- a/web/leaderboard/src/app/types.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export interface AggregatedData {
- [from: string]: {
- rank?: number;
- user: string;
- volume: number;
- tx: number;
- earned: number;
- };
-}
-
-export interface Data {
- rank?: number;
- address: string;
- volume: string | number;
- number_of_transactions: number;
- yield_earned: string;
-}
-
-export type IRow = React.HTMLAttributes & {
- RowElement: React.FC<{ heading: string }>;
-};
diff --git a/web/leaderboard/src/app/utils/client.ts b/web/leaderboard/src/app/utils/client.ts
deleted file mode 100644
index c0f1863fc..000000000
--- a/web/leaderboard/src/app/utils/client.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ApolloClient, InMemoryCache } from "@apollo/client";
-
-export const client = new ApolloClient({
- uri: "https://fluidity.hasura.app/v1/graphql",
- cache: new InMemoryCache(),
-});
diff --git a/web/leaderboard/src/pages/_error.jsx b/web/leaderboard/src/pages/_error.jsx
deleted file mode 100644
index 46a61d690..000000000
--- a/web/leaderboard/src/pages/_error.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import * as Sentry from "@sentry/nextjs";
-import Error from "next/error";
-
-const CustomErrorComponent = (props) => {
- return ;
-};
-
-CustomErrorComponent.getInitialProps = async (contextData) => {
- // In case this is running in a serverless function, await this in order to give Sentry
- // time to send the error before the lambda exits
- await Sentry.captureUnderscoreErrorException(contextData);
-
- // This will contain the status code of the response
- return Error.getInitialProps(contextData);
-};
-
-export default CustomErrorComponent;
diff --git a/web/leaderboard/src/styles/_breakpoints.scss b/web/leaderboard/src/styles/_breakpoints.scss
deleted file mode 100644
index 282dbcc64..000000000
--- a/web/leaderboard/src/styles/_breakpoints.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@mixin max-560px {
- @media (max-width: 560px) {
- @content;
- }
-}
-
-@mixin max-620px {
- @media (max-width: 620px) {
- @content;
- }
-}
-
-@mixin max-760px {
- @media (max-width: 760px) {
- @content;
- }
-}
-
-@mixin max-860px {
- @media (max-width: 860px) {
- @content;
- }
-}
-
-@mixin max-900px {
- @media (max-width: 900px) {
- @content;
- }
-}
-
-@mixin min-861px {
- @media (min-width: 861px) {
- @content;
- }
-}
-
-@mixin max-1080px {
- @media (max-width: 1080px) {
- @content;
- }
-}
-
-@mixin max-1205px {
- @media (max-width: 1205px) {
- @content;
- }
-}
diff --git a/web/leaderboard/src/styles/_colours.scss b/web/leaderboard/src/styles/_colours.scss
deleted file mode 100644
index 366899cbe..000000000
--- a/web/leaderboard/src/styles/_colours.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$fluidBlack: #000000;
-$backgroundBlack: #151516;
-$backgroundGrey: #2c2c2d;
-$fluidWhite: #fffefe;
-$textGrey: #838281;
-$fluidDenimBlue: #01101c;
diff --git a/web/leaderboard/src/styles/_fonts.scss b/web/leaderboard/src/styles/_fonts.scss
deleted file mode 100644
index f40b026f2..000000000
--- a/web/leaderboard/src/styles/_fonts.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import url("https://static.fluidity.money/fonts/aeonik/stylesheet-family-support.css");
-@import url("https://static.fluidity.money/fonts/spline/stylesheet-family-support.css");
-@import url("https://static.fluidity.money/fonts/inter/stylesheet-family-support.css");
diff --git a/web/leaderboard/src/styles/config.scss b/web/leaderboard/src/styles/config.scss
deleted file mode 100644
index 86fca62a8..000000000
--- a/web/leaderboard/src/styles/config.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import "./colours";
-@import "./breakpoints";
diff --git a/web/leaderboard/tsconfig.json b/web/leaderboard/tsconfig.json
deleted file mode 100644
index 4a70b8806..000000000
--- a/web/leaderboard/tsconfig.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
- "compilerOptions": {
- "target": "es5",
- "lib": ["dom", "dom.iterable", "esnext"],
- "types": ["cypress"],
- "allowJs": true,
- "skipLibCheck": true,
- "strict": true,
- "noEmit": true,
- "esModuleInterop": true,
- "module": "esnext",
- "moduleResolution": "node",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "jsx": "preserve",
- "incremental": true,
- "plugins": [
- {
- "name": "next"
- }
- ],
- "paths": {
- "@/*": ["./src/*"],
- "react": ["./node_modules/@types/react"]
- }
- },
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
- "exclude": ["node_modules"]
-}
- 
- 
- 
-