- URL's
+ URL's
{" "}
Add your social media profiles to share with others{" "}
diff --git a/next-app/src/app/staking/StakeCard.tsx b/next-app/src/app/staking/StakeCard.tsx
index 1e4a0f2..d718cd6 100644
--- a/next-app/src/app/staking/StakeCard.tsx
+++ b/next-app/src/app/staking/StakeCard.tsx
@@ -1,29 +1,29 @@
-import { CardTitle, CardDescription, CardHeader, CardContent, CardFooter, Card } from "@/components/ui/card"
-import { Label } from "@/components/ui/label"
-import { Input } from "@/components/ui/input"
-import { Button } from "@/components/ui/button"
-
-export default function StakingCard() {
- return (
-
-
- Stake GEN Tokens
- Enter the amount and duration to stake your GEN tokens.
-
-
-
-
Amount of Tokens
-
-
- Staked: 1.45
- Earn: 0.2345
-
-
-
- Stake Tokens
- Unstake Tokens
-
-
- )
+import { CardTitle, CardDescription, CardHeader, CardContent, CardFooter, Card } from "@/components/ui/card"
+import { Label } from "@/components/ui/label"
+import { Input } from "@/components/ui/input"
+import { Button } from "@/components/ui/button"
+
+export default function StakingCard() {
+ return (
+
+
+ Stake GEN Tokens
+ Enter the amount and duration to stake your GEN tokens.
+
+
+
+
Amount of Tokens
+
+
+ Staked: 1.45
+ Earn: 0.2345
+
+
+
+ Stake Tokens
+ Unstake Tokens
+
+
+ )
}
\ No newline at end of file
diff --git a/next-app/src/app/staking/page.tsx b/next-app/src/app/staking/page.tsx
index 0d1b4d2..f58820d 100644
--- a/next-app/src/app/staking/page.tsx
+++ b/next-app/src/app/staking/page.tsx
@@ -1,11 +1,11 @@
-import StakingCard from "./StakeCard";
-
-export default function Staking() {
- return (
-
- );
-}
+import StakingCard from "./StakeCard";
+
+export default function Staking() {
+ return (
+
+ );
+}
diff --git a/next-app/src/app/tokens/ColumnDef.tsx b/next-app/src/app/tokens/ColumnDef.tsx
index c5720c6..dd9244d 100644
--- a/next-app/src/app/tokens/ColumnDef.tsx
+++ b/next-app/src/app/tokens/ColumnDef.tsx
@@ -1,7 +1,6 @@
import { DotsHorizontalIcon } from "@radix-ui/react-icons";
import { ColumnDef } from "@tanstack/react-table";
-import Image from "next/image";
import { Button } from "../../components/ui/button";
import {
DropdownMenu,
@@ -38,11 +37,10 @@ export const columns: ColumnDef[] = [
header: "Logo",
cell: ({ row }) => (
),
diff --git a/next-app/src/app/tokens/page.tsx b/next-app/src/app/tokens/page.tsx
index a7dee3f..fd5dedb 100644
--- a/next-app/src/app/tokens/page.tsx
+++ b/next-app/src/app/tokens/page.tsx
@@ -1,224 +1,224 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import {
- DropdownMenu,
- DropdownMenuCheckboxItem,
- DropdownMenuContent,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from "@/components/ui/table";
-import { getCoins } from "@/hook/coins.hook";
-import { ChevronDownIcon } from "@radix-ui/react-icons";
-import { useQuery } from "@tanstack/react-query";
-import {
- ColumnFiltersState,
- SortingState,
- VisibilityState,
- flexRender,
- getCoreRowModel,
- getFilteredRowModel,
- getPaginationRowModel,
- getSortedRowModel,
- useReactTable,
-} from "@tanstack/react-table";
-import * as React from "react";
-import { columns } from "./ColumnDef";
-import { Token } from "./token.model";
-
-export default function TokenPage() {
- const [sorting, setSorting] = React.useState([]);
- const [columnFilters, setColumnFilters] = React.useState(
- []
- );
- const [columnVisibility, setColumnVisibility] =
- React.useState({});
- const [rowSelection, setRowSelection] = React.useState({});
-
- const [amountToBuy, setAmountToBuy] = React.useState("");
-
- const { data: tokens } = useQuery({
- queryKey: ["tokens"],
- queryFn: getCoins,
- });
-
- const table = useReactTable({
- data: tokens ?? [],
- columns: columns,
- onSortingChange: setSorting,
- onColumnFiltersChange: setColumnFilters,
- getCoreRowModel: getCoreRowModel(),
- getPaginationRowModel: getPaginationRowModel(),
- getSortedRowModel: getSortedRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- onColumnVisibilityChange: setColumnVisibility,
- onRowSelectionChange: setRowSelection,
- state: {
- sorting,
- columnFilters,
- columnVisibility,
- rowSelection,
- },
- });
-
- return (
-
-
-
-
- {" "}
- List of tokens on Ethereum
-
-
- Each token has a unique ID and can be used to access the Genx API.
-
-
-
-
-
-
- Columns
-
-
- {table
- .getAllColumns()
- .filter((column) => column.getCanHide())
- .map((column) => {
- return (
-
- column.toggleVisibility(!!value)
- }
- >
- {column.id}
-
- );
- })}
-
-
-
-
-
-
- {table.getHeaderGroups().map((headerGroup) => (
-
- {headerGroup.headers.map((header) => {
- return (
-
- {header.isPlaceholder
- ? null
- : flexRender(
- header.column.columnDef.header,
- header.getContext()
- )}
-
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows?.length ? (
- table.getRowModel().rows.map((row, index) => (
-
- {row.getVisibleCells().map((cell, indexCell) => (
-
- {flexRender(
- cell.column.columnDef.cell,
- cell.getContext()
- )}
-
- ))}
-
- ))
- ) : (
-
-
- No results.
-
-
- )}
-
-
-
-
-
- {table.getFilteredSelectedRowModel().rows.length} of{" "}
- {table.getFilteredRowModel().rows.length} row(s) selected.
-
-
- table.previousPage()}
- disabled={!table.getCanPreviousPage()}
- >
- Previous
-
- table.nextPage()}
- disabled={!table.getCanNextPage()}
- >
- Next
-
-
-
-
- {}
- // writeContract({
- // abi,
- // address: '0x6b175474e89094c44da98b954eedeac495271d0f',
- // functionName: 'buyToken',
- // args: [
- // walletUser,
- // '0x6b175474e89094c44da98b954eedeac495271d0f',
- // 123,
- // ],
- // })
- }
- >
- Buy Our Token
-
-
-
-
([]);
+ const [columnFilters, setColumnFilters] = React.useState(
+ []
+ );
+ const [columnVisibility, setColumnVisibility] =
+ React.useState({});
+ const [rowSelection, setRowSelection] = React.useState({});
+
+ const [amountToBuy, setAmountToBuy] = React.useState("");
+
+ const { data: tokens } = useQuery({
+ queryKey: ["tokens"],
+ queryFn: getCoins,
+ });
+
+ const table = useReactTable({
+ data: tokens ?? [],
+ columns: columns,
+ onSortingChange: setSorting,
+ onColumnFiltersChange: setColumnFilters,
+ getCoreRowModel: getCoreRowModel(),
+ getPaginationRowModel: getPaginationRowModel(),
+ getSortedRowModel: getSortedRowModel(),
+ getFilteredRowModel: getFilteredRowModel(),
+ onColumnVisibilityChange: setColumnVisibility,
+ onRowSelectionChange: setRowSelection,
+ state: {
+ sorting,
+ columnFilters,
+ columnVisibility,
+ rowSelection,
+ },
+ });
+
+ return (
+
+
+
+
+ {" "}
+ List of tokens on Ethereum
+
+
+ Each token has a unique ID and can be used to access the Genx API.
+
+
+
+
+
+
+ Columns
+
+
+ {table
+ .getAllColumns()
+ .filter((column) => column.getCanHide())
+ .map((column) => {
+ return (
+
+ column.toggleVisibility(!!value)
+ }
+ >
+ {column.id}
+
+ );
+ })}
+
+
+
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ return (
+
+ {header.isPlaceholder
+ ? null
+ : flexRender(
+ header.column.columnDef.header,
+ header.getContext()
+ )}
+
+ );
+ })}
+
+ ))}
+
+
+ {table.getRowModel().rows?.length ? (
+ table.getRowModel().rows.map((row, index) => (
+
+ {row.getVisibleCells().map((cell, indexCell) => (
+
+ {flexRender(
+ cell.column.columnDef.cell,
+ cell.getContext()
+ )}
+
+ ))}
+
+ ))
+ ) : (
+
+
+ No results.
+
+
+ )}
+
+
+
+
+
+ {table.getFilteredSelectedRowModel().rows.length} of{" "}
+ {table.getFilteredRowModel().rows.length} row(s) selected.
+
+
+ table.previousPage()}
+ disabled={!table.getCanPreviousPage()}
+ >
+ Previous
+
+ table.nextPage()}
+ disabled={!table.getCanNextPage()}
+ >
+ Next
+
+
+
+
+ {}
+ // writeContract({
+ // abi,
+ // address: '0x6b175474e89094c44da98b954eedeac495271d0f',
+ // functionName: 'buyToken',
+ // args: [
+ // walletUser,
+ // '0x6b175474e89094c44da98b954eedeac495271d0f',
+ // 123,
+ // ],
+ // })
+ }
+ >
+ Buy Our Token
+
+
+
+
setCount((count) => count + 1)} className={cn('', className)}>
- Count is: {count}
-
- );
-}
+import { useState } from 'react';
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+
+interface Props {
+ className?: string;
+}
+
+export default function CountBtn({ className }: Props) {
+ const [count, setCount] = useState(0);
+
+ return (
+ setCount((count) => count + 1)} className={cn('', className)}>
+ Count is: {count}
+
+ );
+}
diff --git a/next-app/src/components/ErrorBoundary.tsx b/next-app/src/components/ErrorBoundary.tsx
index 5c44178..e762d56 100644
--- a/next-app/src/components/ErrorBoundary.tsx
+++ b/next-app/src/components/ErrorBoundary.tsx
@@ -1,35 +1,35 @@
-// components/ErrorBoundary.tsx
-"use client";
-import React, { Component, ErrorInfo, ReactNode } from "react";
-
-interface Props {
- children: ReactNode;
-}
-
-interface State {
- hasError: boolean;
-}
-
-class ErrorBoundary extends Component {
- public state: State = {
- hasError: false,
- };
-
- public static getDerivedStateFromError(_: Error): State {
- return { hasError: true };
- }
-
- public componentDidCatch(error: Error, errorInfo: ErrorInfo) {
- console.error("Uncaught error:", error, errorInfo);
- }
-
- public render() {
- if (this.state.hasError) {
- return Sorry, something went wrong. ;
- }
-
- return this.props.children;
- }
-}
-
-export default ErrorBoundary;
+// components/ErrorBoundary.tsx
+"use client";
+import React, { Component, ErrorInfo, ReactNode } from "react";
+
+interface Props {
+ children: ReactNode;
+}
+
+interface State {
+ hasError: boolean;
+}
+
+class ErrorBoundary extends Component {
+ public state: State = {
+ hasError: false,
+ };
+
+ public static getDerivedStateFromError(_: Error): State {
+ return { hasError: true };
+ }
+
+ public componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+ console.error("Uncaught error:", error, errorInfo);
+ }
+
+ public render() {
+ if (this.state.hasError) {
+ return Sorry, something went wrong. ;
+ }
+
+ return this.props.children;
+ }
+}
+
+export default ErrorBoundary;
diff --git a/next-app/src/components/Icons.tsx b/next-app/src/components/Icons.tsx
index 7bd90a4..164f9bf 100644
--- a/next-app/src/components/Icons.tsx
+++ b/next-app/src/components/Icons.tsx
@@ -1,126 +1,126 @@
-export function UsersIcon(props: React.SVGProps) {
- return (
-
-
- );
-}
-
-export function SettingsIcon(props: React.SVGProps) {
- return (
-
-
- );
-}
-
-export function SearchIcon(props: React.SVGProps) {
- return (
-
-
- );
-}
-
-export function Spinner() {
- return (
-
- );
-}
-
-export function Logo() {
- return (
-
-
- );
-}
-
-export function VercelLogo(props: React.SVGProps) {
- return (
-
-
- );
-}
+export function UsersIcon(props: React.SVGProps) {
+ return (
+
+
+ );
+}
+
+export function SettingsIcon(props: React.SVGProps) {
+ return (
+
+
+ );
+}
+
+export function SearchIcon(props: React.SVGProps) {
+ return (
+
+
+ );
+}
+
+export function Spinner() {
+ return (
+
+ );
+}
+
+export function Logo() {
+ return (
+
+
+ );
+}
+
+export function VercelLogo(props: React.SVGProps) {
+ return (
+
+
+ );
+}
diff --git a/next-app/src/components/ModeToggle.tsx b/next-app/src/components/ModeToggle.tsx
index fca57d5..4922562 100644
--- a/next-app/src/components/ModeToggle.tsx
+++ b/next-app/src/components/ModeToggle.tsx
@@ -1,40 +1,40 @@
-"use client";
-
-import * as React from "react";
-import { Moon, Sun } from "lucide-react";
-import { useTheme } from "next-themes";
-
-import { Button } from "@/components/ui/button";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-
-export function ModeToggle() {
- const { setTheme } = useTheme();
-
- return (
-
-
-
- Toggle theme
-
-
-
- setTheme("light")}>
- Light
-
- setTheme("dark")}>
- Dark
-
- setTheme("system")}>
- System
-
-
-
- );
-}
+"use client";
+
+import * as React from "react";
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+
+import { Button } from "@/components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+export function ModeToggle() {
+ const { setTheme } = useTheme();
+
+ return (
+
+
+
+ Toggle theme
+
+
+
+ setTheme("light")}>
+ Light
+
+ setTheme("dark")}>
+ Dark
+
+ setTheme("system")}>
+ System
+
+
+
+ );
+}
diff --git a/next-app/src/components/administration/Layout.tsx b/next-app/src/components/administration/Layout.tsx
index 27e957c..02cdc15 100644
--- a/next-app/src/components/administration/Layout.tsx
+++ b/next-app/src/components/administration/Layout.tsx
@@ -1,19 +1,19 @@
-// components/Layout.js
-"use client";
-import Sidebar from "@/components/administration/Sidebar";
-import { ReactNode } from "react";
-
-interface LayoutProps {
- children: ReactNode;
-}
-
-const Layout: React.FC = ({ children }) => {
- return (
-
- );
-};
-
-export default Layout;
+// components/Layout.js
+"use client";
+import Sidebar from "@/components/administration/Sidebar";
+import { ReactNode } from "react";
+
+interface LayoutProps {
+ children: ReactNode;
+}
+
+const Layout: React.FC = ({ children }) => {
+ return (
+
+ );
+};
+
+export default Layout;
diff --git a/next-app/src/components/administration/NavItem.tsx b/next-app/src/components/administration/NavItem.tsx
index 5692f4a..923ef90 100644
--- a/next-app/src/components/administration/NavItem.tsx
+++ b/next-app/src/components/administration/NavItem.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import clsx from "clsx";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-
-export function NavItem({
- href,
- children,
-}: {
- href: string;
- children: React.ReactNode;
-}) {
- const pathname = usePathname();
-
- return (
- (null);
- const [value, setValue] = useState(props.value);
- const [isPending, startTransition] = useTransition();
-
- useEffect(() => {
- const params = new URLSearchParams(window.location.search);
- console.log("value", value);
- if (value === undefined) {
- return;
- } else if (value) {
- params.set("q", value);
- } else {
- params.delete("q");
- }
-
- startTransition(() => {
- // All navigations are transitions automatically
- // But wrapping this allow us to observe the pending state
- router.replace(`/?${params.toString()}`);
- });
- }, [router, value]);
-
- return (
-
-
- );
-}
+"use client";
+
+import { Input } from "@/components/ui/input";
+import { SearchIcon, Spinner } from "@/components/Icons";
+import { useRouter } from "next/navigation";
+import { useTransition, useEffect, useRef, useState } from "react";
+
+export function Search(props: { value?: string }) {
+ const router = useRouter();
+ const inputRef = useRef(null);
+ const [value, setValue] = useState(props.value);
+ const [isPending, startTransition] = useTransition();
+
+ useEffect(() => {
+ const params = new URLSearchParams(window.location.search);
+ console.log("value", value);
+ if (value === undefined) {
+ return;
+ } else if (value) {
+ params.set("q", value);
+ } else {
+ params.delete("q");
+ }
+
+ startTransition(() => {
+ // All navigations are transitions automatically
+ // But wrapping this allow us to observe the pending state
+ router.replace(`/?${params.toString()}`);
+ });
+ }, [router, value]);
+
+ return (
+
+
+ );
+}
diff --git a/next-app/src/components/administration/Sidebar.tsx b/next-app/src/components/administration/Sidebar.tsx
index 700c598..76e9a6b 100644
--- a/next-app/src/components/administration/Sidebar.tsx
+++ b/next-app/src/components/administration/Sidebar.tsx
@@ -1,26 +1,26 @@
-"use client";
-import Link from "next/link";
-import { UsersIcon, SettingsIcon, VercelLogo } from "@/components/Icons";
-
-const Sidebar = () => {
- return (
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
= ({
- transactions,
-}) => {
- return (
-
- );
-};
-
-function TransactionRow({ transaction }: { transaction: Transaction }) {
- const date = new Date(transaction.created_at).toLocaleString("fr");
-
- return (
-
- {transaction.from}
- {transaction.to}
-
- {transaction.amount}
-
-
- {transaction.transaction}
-
- {date}
-
- );
-}
-
-export default TransactionsTable;
+import {
+ TableHead,
+ TableRow,
+ TableHeader,
+ TableCell,
+ TableBody,
+ Table,
+} from "@/components/ui/table";
+import { Transaction } from "@/types/hookResponse.type";
+
+type TransactionsTableProps = {
+ transactions: Transaction[];
+};
+
+const TransactionsTable: React.FC = ({
+ transactions,
+}) => {
+ return (
+
+ );
+};
+
+function TransactionRow({ transaction }: { transaction: Transaction }) {
+ const date = new Date(transaction.created_at).toLocaleString("fr");
+
+ return (
+
+ {transaction.from}
+ {transaction.to}
+
+ {transaction.amount}
+
+
+ {transaction.transaction}
+
+ {date}
+
+ );
+}
+
+export default TransactionsTable;
diff --git a/next-app/src/components/administration/users/UsersTable.tsx b/next-app/src/components/administration/users/UsersTable.tsx
index 4db51de..36702b8 100644
--- a/next-app/src/components/administration/users/UsersTable.tsx
+++ b/next-app/src/components/administration/users/UsersTable.tsx
@@ -1,53 +1,53 @@
-import {
- TableHead,
- TableRow,
- TableHeader,
- TableCell,
- TableBody,
- Table,
-} from "@/components/ui/table";
-import { User } from "@/types/hookResponse.type";
-
-type UsersTableProps = {
- users: User[];
-};
-
-const UsersTable: React.FC = ({ users }) => {
- return (
-
- );
-};
-
-function UserRow({ user }: { user: User }) {
- const userId = user.id;
- // Created_at doit retourner la date + l'heure de la création en format fr
- const created_at = new Date(user.created_at).toLocaleString("fr");
-
- return (
-
- {userId}
- {user.name}
- {user.address}
- {created_at}
-
- );
-}
-
-export default UsersTable;
+import {
+ TableHead,
+ TableRow,
+ TableHeader,
+ TableCell,
+ TableBody,
+ Table,
+} from "@/components/ui/table";
+import { User } from "@/types/hookResponse.type";
+
+type UsersTableProps = {
+ users: User[];
+};
+
+const UsersTable: React.FC = ({ users }) => {
+ return (
+
+ );
+};
+
+function UserRow({ user }: { user: User }) {
+ const userId = user.id;
+ // Created_at doit retourner la date + l'heure de la création en format fr
+ const created_at = new Date(user.created_at).toLocaleString("fr");
+
+ return (
+
+ {userId}
+ {user.name}
+ {user.address}
+ {created_at}
+
+ );
+}
+
+export default UsersTable;
diff --git a/next-app/src/components/cards/PriceCards.tsx b/next-app/src/components/cards/PriceCards.tsx
index b1108eb..baa11af 100644
--- a/next-app/src/components/cards/PriceCards.tsx
+++ b/next-app/src/components/cards/PriceCards.tsx
@@ -1,37 +1,37 @@
-import { formatPrice } from '@/lib/price'
-
-interface PriceCardProps {
- label: string;
- price: number;
-}
-
-interface PriceCardsProps {
- price: number;
- totalLiquidity: number;
- totalVolume: number;
- totalPairs: number;
-}
-
-export const PriceCard = ({ label, price }: PriceCardProps)=> {
- return (
-
-
${label}
-
${formatPrice(price)}
-
+
${label}
+
${formatPrice(price)}
+
-
-
- {transaction.amount.toFixed(3)} {transaction.label}
-
-
$ {transaction.price.toFixed(3)}
-
-
- {formatDate(transaction.timestamp)}
-
-
+
+
+ {transaction.amount.toFixed(3)} {transaction.label}
+
+
$ {transaction.price.toFixed(3)}
+
+
+ {formatDate(transaction.timestamp)}
+
+
Loading ENS name
;
- if (status === "error")
- return Error fetching ENS name: {error.message}
;
- return (
-
- balance: {result.data?.formatted}, address : {address}
-
-
Balance: {balance?.toString()}
-
("0");
+ const [liquidityAmountB, setLiquidityAmountB] = useState("0");
+ const pools = usePools(); // Utiliser le hook personnalisé pour obtenir les adresses des pools
+ const signer = getSigner({ chainId });
+
+ const { data: balance, isLoading: isBalanceLoading } = useReadContract({
+ abi: ERC2O,
+ functionName: "balanceOf",
+ address: GenxAddress,
+ args: [address],
+ });
+
+ const { data: balance2, isLoading: isBalanceLoading2 } = useReadContract({
+ abi: ERC2O,
+ functionName: "balanceOf",
+ address: GensAddress,
+ args: [address],
+ });
+
+ const { data: symbol, isLoading: isSymbolLoading } = useReadContract({
+ abi: ERC2O,
+ functionName: "symbol",
+ address: GenxAddress,
+ });
+
+ const { data: symbol2, isLoading: isSymbolLoading2 } = useReadContract({
+ abi: ERC2O,
+ functionName: "symbol",
+ address: GensAddress,
+ });
+
+ const { data: reserves, isLoading: isReservesLoading } = useReadContract({
+ abi: LiquidityPoolABI,
+ functionName: "getReserves",
+ address: LiquidityPoolAddress,
+ });
+
+ const FactoryContract = useFactoryContract({
+ address: liquidityFactoryAddress,
+ chainId,
+ });
+
+ const GenxContract = useERC20UpgradeableContract({
+ address: GenxAddress,
+ chainId,
+ });
+
+ const GensContract = useERC20UpgradeableContract({
+ address: GensAddress,
+ chainId,
+ });
+
+ const LiquidityPoolContract = useLiquidityPoolContract({
+ address: LiquidityPoolAddress,
+ chainId,
+ });
+
+ const handleCreatePool = async () => {
+ try {
+ const tx = await FactoryContract.createPool(
+ GenxAddress as Address,
+ GensAddress as Address,
+ address,
+ 30
+ );
+ await tx.wait();
+ } catch (error) {
+ console.log(error);
+ }
+ };
+
+ const handleAddLiquidity = async () => {
+ if (!signer || !address) return;
+
+ if (
+ !liquidityAmountA ||
+ isNaN(Number(liquidityAmountA)) ||
+ !liquidityAmountB ||
+ isNaN(Number(liquidityAmountB))
+ ) {
+ alert("Please enter valid amounts for both tokens.");
+ return;
+ }
+
+ const amountA = ethers.parseUnits(liquidityAmountA, "ether");
+ const amountB = ethers.parseUnits(liquidityAmountB, "ether");
+
+ console.log("Amounts:", {
+ amountA: amountA.toString(),
+ amountB: amountB.toString(),
+ });
+
+ try {
+ // Approve tokens for the liquidity pool
+ console.log("Approving GENX tokens");
+ const approveTxA = await GenxContract.approve(
+ LiquidityPoolAddress,
+ amountA
+ );
+ await approveTxA.wait();
+ console.log("Approved GENX");
+
+ console.log("Approving GENS tokens");
+ const approveTxB = await GensContract.approve(
+ LiquidityPoolAddress,
+ amountB
+ );
+ await approveTxB.wait();
+ console.log("Approved GENS");
+
+ await new Promise((resolve) => setTimeout(resolve, 10000));
+
+ const tx = await LiquidityPoolContract.addLiquidity(amountB, amountA);
+ await tx.wait();
+ console.log("Liquidity added successfully");
+ } catch (error) {
+ console.error("Error adding liquidity:", error);
+ if (error.data && error.data.message) {
+ console.error("Error data:", error.data.message);
+ }
+ }
+ };
+
+ return (
+
+
Address: {address}
+
+ {isBalanceLoading ? (
+
Loading...
+ ) : (
+
+ GENX Balance: {balance?.toString()} {symbol}
+
+ )}
+
+ {isBalanceLoading2 ? (
+
Loading...
+ ) : (
+
+ GENS Balance: {balance2?.toString()} {symbol2}
+
+ )}
+
+
+
LiquidityPool
+
+
Number of Pools: {pools.allPoolsLength?.toString()}
+
+
+ {pools.allPoolsAddress?.map((pool, index) => (
+
+
Pool {index + 1}
+
Address: {pool}
+
+ ))}
+
+
+
+ {isReservesLoading ? (
+
Loading...
+ ) : (
+
+
Reserves: {reserves?.toString()}
+
+ )}
+
+
+
+
Create a pool
+
+ Create Pool
+
+
+
+
+
+ Add Liquidity
+
+
+
+ Swap
+
+
+
+
-
-
-
-
- Buy and Sell Instantly on GenX.
- Wherever.
-
-
- Unlock the world of cryptocurrency trading. Experience the freedom to trade over 400 tokens instantly, no
- registration needed.
-
-
-
-
-
TOTAL LIQUIDITY
-
$407.61m
-
-
-
-
-
-
-
-
Latest Transactions
-
{/* Ajout de styles pour le scroll */}
- {/* Exemple de données supplémentaires */}
- {[...Array(10)].map((_, index) => (
-
-
{Math.random().toFixed(3)} ETH
-
$ {(Math.random() * 1000).toFixed(2)}
-
- ))}
-
-
-
View All Transactions
-
-
-
-
+
+
+
+
+ Buy and Sell Instantly on GenX.
+ Wherever.
+
+
+ Unlock the world of cryptocurrency trading. Experience the freedom to trade over 400 tokens instantly, no
+ registration needed.
+
+
+
+
+
TOTAL LIQUIDITY
+
$407.61m
+
+
+
+
+
+
+
+
Latest Transactions
+
{/* Ajout de styles pour le scroll */}
+ {/* Exemple de données supplémentaires */}
+ {[...Array(10)].map((_, index) => (
+
+
{Math.random().toFixed(3)} ETH
+
$ {(Math.random() * 1000).toFixed(2)}
+
+ ))}
+
+
+
View All Transactions
+
+
+
+
diff --git a/next-app/src/components/ui/badge.tsx b/next-app/src/components/ui/badge.tsx
index cc9774f..45fc3c2 100644
--- a/next-app/src/components/ui/badge.tsx
+++ b/next-app/src/components/ui/badge.tsx
@@ -1,35 +1,35 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils"
-
-const badgeVariants = cva(
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
- {
- variants: {
- variant: {
- default:
- "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
- secondary:
- "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
- destructive:
- "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
- outline: "text-foreground",
- },
- },
- defaultVariants: {
- variant: "default",
- },
- }
-)
-
-export interface BadgeProps
- extends React.HTMLAttributes,
- VariantProps {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
- return (
-
- )
-}
-
-export { Badge, badgeVariants }
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+ "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+ {
+ variants: {
+ variant: {
+ default:
+ "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+ secondary:
+ "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ destructive:
+ "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+ outline: "text-foreground",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ }
+)
+
+export interface BadgeProps
+ extends React.HTMLAttributes,
+ VariantProps {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+ return (
+
+ )
+}
+
+export { Badge, badgeVariants }
diff --git a/next-app/src/components/ui/button.tsx b/next-app/src/components/ui/button.tsx
index 3a00599..ed601a7 100644
--- a/next-app/src/components/ui/button.tsx
+++ b/next-app/src/components/ui/button.tsx
@@ -1,7 +1,7 @@
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"; // Assurez-vous que le chemin est correct
// Définition des styles de variantes pour les boutons
const buttonVariants = cva(
diff --git a/next-app/src/components/ui/card.tsx b/next-app/src/components/ui/card.tsx
index 938aa22..7767886 100644
--- a/next-app/src/components/ui/card.tsx
+++ b/next-app/src/components/ui/card.tsx
@@ -1,79 +1,79 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-const Card = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-Card.displayName = "Card"
-
-const CardHeader = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardHeader.displayName = "CardHeader"
-
-const CardTitle = React.forwardRef<
- HTMLParagraphElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
->(({ className, ...props }, ref) => (
-
-))
-CardDescription.displayName = "CardDescription"
-
-const CardContent = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardContent.displayName = "CardContent"
-
-const CardFooter = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardFooter.displayName = "CardFooter"
-
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+ HTMLParagraphElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardFooter.displayName = "CardFooter"
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
\ No newline at end of file
diff --git a/next-app/src/components/ui/checkbox.tsx b/next-app/src/components/ui/checkbox.tsx
index 5158448..172196c 100644
--- a/next-app/src/components/ui/checkbox.tsx
+++ b/next-app/src/components/ui/checkbox.tsx
@@ -1,28 +1,28 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const Checkbox = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-
-
-
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-export { Checkbox };
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Checkbox = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/next-app/src/components/ui/command.tsx b/next-app/src/components/ui/command.tsx
index 57d871b..95b1415 100644
--- a/next-app/src/components/ui/command.tsx
+++ b/next-app/src/components/ui/command.tsx
@@ -1,12 +1,10 @@
-"use client"
+import * as React from "react";
+import { type DialogProps } from "@radix-ui/react-dialog";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
-import * as React from "react"
-import { type DialogProps } from "@radix-ui/react-dialog"
-import { Command as CommandPrimitive } from "cmdk"
-import { Search } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { Dialog, DialogContent } from "@/components/ui/dialog"
+import { cn } from "@/lib/utils";
+import { Dialog, DialogContent } from "@/components/ui/dialog";
const Command = React.forwardRef<
React.ElementRef,
@@ -15,13 +13,13 @@ const Command = React.forwardRef<
-
+
{children}
- )
-}
+ );
+};
const CommandInput = React.forwardRef<
React.ElementRef,
@@ -46,15 +44,15 @@ const CommandInput = React.forwardRef<
,
@@ -65,9 +63,9 @@ const CommandList = React.forwardRef<
className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
{...props}
/>
-))
+));
-CommandList.displayName = CommandPrimitive.List.displayName
+CommandList.displayName = CommandPrimitive.List.displayName;
const CommandEmpty = React.forwardRef<
React.ElementRef,
@@ -78,9 +76,9 @@ const CommandEmpty = React.forwardRef<
className="py-6 text-center text-sm"
{...props}
/>
-))
+));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
const CommandGroup = React.forwardRef<
React.ElementRef,
@@ -89,14 +87,14 @@ const CommandGroup = React.forwardRef<
,
@@ -104,11 +102,11 @@ const CommandSeparator = React.forwardRef<
>(({ className, ...props }, ref) => (
,
@@ -117,14 +115,14 @@ const CommandItem = React.forwardRef<
,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, children, ...props }, ref) => (
-
-
- {children}
-
- Close
-
-
-
-))
-DialogContent.displayName = DialogPrimitive.Content.displayName
-
-const DialogHeader = ({
- className,
- ...props
-}: React.HTMLAttributes) => (
-
-)
-DialogHeader.displayName = "DialogHeader"
-
-const DialogFooter = ({
- className,
- ...props
-}: React.HTMLAttributes) => (
-
-)
-DialogFooter.displayName = "DialogFooter"
-
-const DialogTitle = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+ {children}
+
+ Close
+
+
+
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => (
+
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => (
+
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
- React.ComponentPropsWithoutRef & {
- inset?: boolean
- }
->(({ className, inset, children, ...props }, ref) => (
-
- {children}
-
-))
-DropdownMenuSubTrigger.displayName =
- DropdownMenuPrimitive.SubTrigger.displayName
-
-const DropdownMenuSubContent = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, sideOffset = 4, ...props }, ref) => (
-
-
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
-
-const DropdownMenuItem = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef & {
- inset?: boolean
- }
->(({ className, inset, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, children, checked, ...props }, ref) => (
-
-
-
-
-
- {children}
-
-))
-DropdownMenuCheckboxItem.displayName =
- DropdownMenuPrimitive.CheckboxItem.displayName
-
-const DropdownMenuRadioItem = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, children, ...props }, ref) => (
-
-
-
-
-
- {children}
-
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
-
-const DropdownMenuLabel = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef & {
- inset?: boolean
- }
->(({ className, inset, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ) => {
- return (
- ,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean
+ }
+>(({ className, inset, children, ...props }, ref) => (
+
+ {children}
+
+))
+DropdownMenuSubTrigger.displayName =
+ DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, sideOffset = 4, ...props }, ref) => (
+
+
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean
+ }
+>(({ className, inset, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, checked, ...props }, ref) => (
+
+
+
+
+
+ {children}
+
+))
+DropdownMenuCheckboxItem.displayName =
+ DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+
+
+
+ {children}
+
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean
+ }
+>(({ className, inset, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ) => {
+ return (
+ {}
-
-const Input = React.forwardRef(
- ({ className, type, ...props }, ref) => {
- return (
- {}
+
+const Input = React.forwardRef(
+ ({ className, type, ...props }, ref) => {
+ return (
+ ,
@@ -19,13 +17,13 @@ const PopoverContent = React.forwardRef<
align={align}
sideOffset={sideOffset}
className={cn(
- "z-50 w-72 rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50",
+ "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
className
)}
{...props}
/>
-))
-PopoverContent.displayName = PopoverPrimitive.Content.displayName
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent }
+export { Popover, PopoverTrigger, PopoverContent };
diff --git a/next-app/src/components/ui/progress.tsx b/next-app/src/components/ui/progress.tsx
index 6d20844..34a35da 100644
--- a/next-app/src/components/ui/progress.tsx
+++ b/next-app/src/components/ui/progress.tsx
@@ -1,28 +1,28 @@
-"use client"
-
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
-
-import { cn } from "@/lib/utils"
-
-const Progress = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, value, ...props }, ref) => (
-
-
-))
-Progress.displayName = ProgressPrimitive.Root.displayName
-
-export { Progress }
+"use client"
+
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+const Progress = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, value, ...props }, ref) => (
+
+
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }
diff --git a/next-app/src/components/ui/select.tsx b/next-app/src/components/ui/select.tsx
index f2081f6..b7ff105 100644
--- a/next-app/src/components/ui/select.tsx
+++ b/next-app/src/components/ui/select.tsx
@@ -1,6 +1,6 @@
+import * as React from "react";
import * as SelectPrimitive from "@radix-ui/react-select";
import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import * as React from "react";
import { cn } from "@/lib/utils";
@@ -146,13 +146,13 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
export {
Select,
- SelectContent,
SelectGroup,
- SelectItem,
+ SelectValue,
+ SelectTrigger,
+ SelectContent,
SelectLabel,
- SelectScrollDownButton,
- SelectScrollUpButton,
+ SelectItem,
SelectSeparator,
- SelectTrigger,
- SelectValue,
+ SelectScrollUpButton,
+ SelectScrollDownButton,
};
diff --git a/next-app/src/components/ui/switch.tsx b/next-app/src/components/ui/switch.tsx
index 16c7b50..42b25e6 100644
--- a/next-app/src/components/ui/switch.tsx
+++ b/next-app/src/components/ui/switch.tsx
@@ -1,27 +1,27 @@
-import * as React from "react"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
-
-import { cn } from "@/lib/utils"
-
-const Switch = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-
-))
-Switch.displayName = SwitchPrimitives.Root.displayName
-
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
export { Switch }
\ No newline at end of file
diff --git a/next-app/src/components/ui/table.tsx b/next-app/src/components/ui/table.tsx
index 7f3502f..1996a4e 100644
--- a/next-app/src/components/ui/table.tsx
+++ b/next-app/src/components/ui/table.tsx
@@ -1,117 +1,117 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-const Table = React.forwardRef<
- HTMLTableElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-Table.displayName = "Table"
-
-const TableHeader = React.forwardRef<
- HTMLTableSectionElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
->(({ className, ...props }, ref) => (
-
->(({ className, ...props }, ref) => (
- tr]:last:border-b-0",
- className
- )}
- {...props}
- />
-))
-TableFooter.displayName = "TableFooter"
-
-const TableRow = React.forwardRef<
- HTMLTableRowElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
->(({ className, ...props }, ref) => (
-
->(({ className, ...props }, ref) => (
-
->(({ className, ...props }, ref) => (
-
+>(({ className, ...props }, ref) => (
+
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+ tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+ HTMLTableRowElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+
+>(({ className, ...props }, ref) => (
+ ,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
- ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ {}
-
-const Textarea = React.forwardRef(
- ({ className, ...props }, ref) => {
- return (
-
- )
- }
-)
-Textarea.displayName = "Textarea"
-
-export { Textarea }
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface TextareaProps
+ extends React.TextareaHTMLAttributes {}
+
+const Textarea = React.forwardRef(
+ ({ className, ...props }, ref) => {
+ return (
+
+ )
+ }
+)
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/next-app/src/context/Provider.tsx b/next-app/src/context/Provider.tsx
new file mode 100644
index 0000000..14572f7
--- /dev/null
+++ b/next-app/src/context/Provider.tsx
@@ -0,0 +1,22 @@
+import { BrowserProvider, JsonRpcSigner } from "ethers";
+import { useMemo } from "react";
+import type { Account, Chain, Client, Transport } from "viem";
+import { useConnectorClient, type Config } from "wagmi";
+
+export function clientToSigner(client: Client) {
+ const { account, chain, transport } = client;
+ const network = {
+ chainId: chain.id,
+ name: chain.name,
+ ensAddress: chain.contracts?.ensRegistry?.address,
+ };
+ const provider = new BrowserProvider(transport, network);
+ const signer = new JsonRpcSigner(provider, account.address);
+ return signer;
+}
+
+/** Hook to convert a viem Wallet Client to an ethers.js Signer. */
+export function useEthersSigner({ chainId }: { chainId?: number } = {}) {
+ const { data: client } = useConnectorClient({ chainId });
+ return useMemo(() => (client ? clientToSigner(client) : undefined), [client]);
+}
diff --git a/next-app/src/context/ThemeProvider.tsx b/next-app/src/context/ThemeProvider.tsx
index b0ff266..7df24a6 100644
--- a/next-app/src/context/ThemeProvider.tsx
+++ b/next-app/src/context/ThemeProvider.tsx
@@ -1,9 +1,9 @@
-"use client";
-
-import * as React from "react";
-import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { type ThemeProviderProps } from "next-themes/dist/types";
-
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
- return {children} ;
-}
+"use client";
+
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { type ThemeProviderProps } from "next-themes/dist/types";
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+ return {children} ;
+}
diff --git a/next-app/src/context/index.tsx b/next-app/src/context/index.tsx
index 72e8161..e0c779d 100644
--- a/next-app/src/context/index.tsx
+++ b/next-app/src/context/index.tsx
@@ -20,36 +20,6 @@ import {
const queryClient = new QueryClient();
-// const chains = [mainnet, sepolia, polygonAmoy];
-
-export const chains = [
- {
- value: "ethereum",
- label: "Ethereum",
- chainId: 1,
- },
- {
- value: "sepolia",
- label: "Sepolia",
- chainId: 11155111,
- },
- {
- value: "polygon",
- label: "Polygon",
- chainId: 137,
- },
- {
- value: "arbitrum",
- label: "Arbitrum",
- chainId: 42161,
- },
- {
- value: "Amoy",
- label: "Amoy",
- chainId: 80002,
- },
-];
-
const projectId = process.env.NEXT_PUBLIC_PROJECT_ID;
const config = getDefaultConfig({
diff --git a/next-app/src/hook/coins.hook.ts b/next-app/src/hook/coins.hook.ts
index 77d24d2..a6e1faa 100644
--- a/next-app/src/hook/coins.hook.ts
+++ b/next-app/src/hook/coins.hook.ts
@@ -1,9 +1,9 @@
-import { apiUrl } from "@/hook/index";
-
-export async function getCoins() {
- const response = await fetch(apiUrl + "coins");
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
+import { apiUrl } from "@/hook/index";
+
+export async function getCoins() {
+ const response = await fetch(apiUrl + "coins");
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
}
\ No newline at end of file
diff --git a/next-app/src/hook/index.tsx b/next-app/src/hook/index.tsx
index 9bd0317..e4be0d0 100644
--- a/next-app/src/hook/index.tsx
+++ b/next-app/src/hook/index.tsx
@@ -1,6 +1,6 @@
-export const apiUrl = process.env.NEXT_PUBLIC_API_URL;
-
-export interface CreateUserRequest {
- address: string;
- name: string;
-}
+export const apiUrl = process.env.NEXT_PUBLIC_API_URL;
+
+export interface CreateUserRequest {
+ address: string;
+ name: string;
+}
diff --git a/next-app/src/hook/pools.hook.ts b/next-app/src/hook/pools.hook.ts
index dcf775c..c637d9b 100644
--- a/next-app/src/hook/pools.hook.ts
+++ b/next-app/src/hook/pools.hook.ts
@@ -1,42 +1,42 @@
-import { apiUrl } from "@/hook/index";
-
-export async function getPools() {
- const response = await fetch(apiUrl + "pools");
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
-}
-
-export async function getPoolByAddress(address: string) {
- const response = await fetch(apiUrl + `pools/address/${address}`);
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
-}
-
-export async function createPool(data: any): Promise {
- const response = await fetch(apiUrl + "pools", {
- method: "POST",
- headers: {
- "Content-Type": "application/json",
- },
- body: JSON.stringify(data),
- });
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
-}
-
-export async function deletePool(address: string) {
- const response = await fetch(apiUrl + `pools/address/${address}`, {
- method: "DELETE",
- });
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
-}
-
+import { apiUrl } from "@/hook/index";
+
+export async function getPools() {
+ const response = await fetch(apiUrl + "pools");
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+}
+
+export async function getPoolByAddress(address: string) {
+ const response = await fetch(apiUrl + `pools/address/${address}`);
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+}
+
+export async function createPool(data: any): Promise {
+ const response = await fetch(apiUrl + "pools", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(data),
+ });
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+}
+
+export async function deletePool(address: string) {
+ const response = await fetch(apiUrl + `pools/address/${address}`, {
+ method: "DELETE",
+ });
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+}
+
diff --git a/next-app/src/hook/transactions.hook.ts b/next-app/src/hook/transactions.hook.ts
index 179a31e..ef722bf 100644
--- a/next-app/src/hook/transactions.hook.ts
+++ b/next-app/src/hook/transactions.hook.ts
@@ -1,10 +1,10 @@
-import { apiUrl } from "@/hook/index";
-
-export async function getTransactions() {
- const response = await fetch(apiUrl + "transactions");
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
- }
+import { apiUrl } from "@/hook/index";
+
+export async function getTransactions() {
+ const response = await fetch(apiUrl + "transactions");
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+ }
\ No newline at end of file
diff --git a/next-app/src/hook/usePools.ts b/next-app/src/hook/usePools.ts
new file mode 100644
index 0000000..0d58cd0
--- /dev/null
+++ b/next-app/src/hook/usePools.ts
@@ -0,0 +1,21 @@
+import { liquidityFactoryAddress } from "@/abi/address";
+import { liquidityPoolFactoryABI } from "@/abi/liquidityPoolFactory";
+import { useReadContract } from 'wagmi';
+
+export function usePools() {
+
+ const { data: allPoolsLength } = useReadContract({
+ address: liquidityFactoryAddress,
+ abi: liquidityPoolFactoryABI,
+ functionName: 'allPoolsLength',
+ });
+
+
+ const { data: allPoolsAddress } = useReadContract({
+ address: liquidityFactoryAddress,
+ abi: liquidityPoolFactoryABI,
+ functionName: 'allPoolsAddress',
+ })
+
+ return {allPoolsAddress, allPoolsLength};
+}
diff --git a/next-app/src/hook/users.hook.ts b/next-app/src/hook/users.hook.ts
index 9c81ee1..e61bfc3 100644
--- a/next-app/src/hook/users.hook.ts
+++ b/next-app/src/hook/users.hook.ts
@@ -1,40 +1,40 @@
-import { CreateUserRequest, apiUrl } from "@/hook/index";
-
-export async function getUsers() {
- const response = await fetch(apiUrl + "users");
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
- }
-
- export async function getUserByAdress(address: string) {
- const response = await fetch(apiUrl + `users/address/${address}`);
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
- }
-
- export async function createUser(data: CreateUserRequest): Promise {
- const response = await fetch(apiUrl + "users", {
- method: "POST",
- headers: {
- "Content-Type": "application/json",
- },
- body: JSON.stringify(data),
- });
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
- }
-
- export async function getTransactions() {
- const response = await fetch(apiUrl + "transactions");
- if (!response.ok) {
- throw new Error("Network response was not ok");
- }
- return response.json();
- }
+import { CreateUserRequest, apiUrl } from "@/hook/index";
+
+export async function getUsers() {
+ const response = await fetch(apiUrl + "users");
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+ }
+
+ export async function getUserByAdress(address: string) {
+ const response = await fetch(apiUrl + `users/address/${address}`);
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+ }
+
+ export async function createUser(data: CreateUserRequest): Promise {
+ const response = await fetch(apiUrl + "users", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(data),
+ });
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+ }
+
+ export async function getTransactions() {
+ const response = await fetch(apiUrl + "transactions");
+ if (!response.ok) {
+ throw new Error("Network response was not ok");
+ }
+ return response.json();
+ }
\ No newline at end of file
diff --git a/next-app/src/lib/price.ts b/next-app/src/lib/price.ts
index bc310c0..72bc77d 100644
--- a/next-app/src/lib/price.ts
+++ b/next-app/src/lib/price.ts
@@ -1,11 +1,11 @@
-// Transform price to string with k suffix if greater than 1000 or m suffix if greater than 1000000
-
-export function formatPrice(price: number): string {
- if (price > 1000000) {
- return `${(price / 1000000).toFixed(2)}m`;
- }
- if (price > 1000) {
- return `${(price / 1000).toFixed(2)}k`;
- }
- return price.toFixed(2);
+// Transform price to string with k suffix if greater than 1000 or m suffix if greater than 1000000
+
+export function formatPrice(price: number): string {
+ if (price > 1000000) {
+ return `${(price / 1000000).toFixed(2)}m`;
+ }
+ if (price > 1000) {
+ return `${(price / 1000).toFixed(2)}k`;
+ }
+ return price.toFixed(2);
}
\ No newline at end of file
diff --git a/next-app/src/lib/react-query.ts b/next-app/src/lib/react-query.ts
index 0bb09fa..9e6dd8b 100644
--- a/next-app/src/lib/react-query.ts
+++ b/next-app/src/lib/react-query.ts
@@ -1,9 +1,9 @@
-import { QueryClient } from "@tanstack/react-query";
-
-export const queryClient = new QueryClient({
- defaultOptions: {
- queries: {
- refetchOnWindowFocus: false,
- },
- },
-});
+import { QueryClient } from "@tanstack/react-query";
+
+export const queryClient = new QueryClient({
+ defaultOptions: {
+ queries: {
+ refetchOnWindowFocus: false,
+ },
+ },
+});
diff --git a/next-app/src/lib/utils.ts b/next-app/src/lib/utils.ts
index ec79801..7141054 100644
--- a/next-app/src/lib/utils.ts
+++ b/next-app/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs))
-}
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
diff --git a/next-app/src/types/header.type.ts b/next-app/src/types/header.type.ts
index 3d455c8..3b7c04e 100644
--- a/next-app/src/types/header.type.ts
+++ b/next-app/src/types/header.type.ts
@@ -1,5 +1,5 @@
-export type NavLink = {
- name: string;
- href: string;
- };
+export type NavLink = {
+ name: string;
+ href: string;
+ };
\ No newline at end of file
diff --git a/next-app/src/types/hookResponse.type.ts b/next-app/src/types/hookResponse.type.ts
index 90c610c..514c4c5 100644
--- a/next-app/src/types/hookResponse.type.ts
+++ b/next-app/src/types/hookResponse.type.ts
@@ -1,26 +1,26 @@
-export type Hook = {
- data: T;
- error: Error | null;
- isError: boolean;
-};
-
-export type BaseResponse = {
- id: number;
- created_at: string;
- updated_at: string;
-};
-
-
-export interface User extends BaseResponse {
- name: string;
- address: string;
- created_at: string;
- updated_at: string;
-};
-
-export interface Transaction extends BaseResponse {
- from: string;
- to: string;
- amount: number;
- transaction: string;
+export type Hook = {
+ data: T;
+ error: Error | null;
+ isError: boolean;
+};
+
+export type BaseResponse = {
+ id: number;
+ created_at: string;
+ updated_at: string;
+};
+
+
+export interface User extends BaseResponse {
+ name: string;
+ address: string;
+ created_at: string;
+ updated_at: string;
+};
+
+export interface Transaction extends BaseResponse {
+ from: string;
+ to: string;
+ amount: number;
+ transaction: string;
}
\ No newline at end of file
diff --git a/next-app/src/types/user.type.ts b/next-app/src/types/user.type.ts
index 187dd92..a8c7fae 100644
--- a/next-app/src/types/user.type.ts
+++ b/next-app/src/types/user.type.ts
@@ -1,7 +1,7 @@
-import { BaseResponse } from "./hookResponse.type";
-
-export interface User extends BaseResponse {
- id: number;
- name: string;
- address: string;
+import { BaseResponse } from "./hookResponse.type";
+
+export interface User extends BaseResponse {
+ id: number;
+ name: string;
+ address: string;
};
\ No newline at end of file
diff --git a/next-app/tailwind.config.ts b/next-app/tailwind.config.ts
index 84287e8..5bc7958 100644
--- a/next-app/tailwind.config.ts
+++ b/next-app/tailwind.config.ts
@@ -1,80 +1,80 @@
-import type { Config } from "tailwindcss"
-
-const config = {
- darkMode: ["class"],
- content: [
- './pages/**/*.{ts,tsx}',
- './components/**/*.{ts,tsx}',
- './app/**/*.{ts,tsx}',
- './src/**/*.{ts,tsx}',
- ],
- prefix: "",
- theme: {
- container: {
- center: true,
- padding: "2rem",
- screens: {
- "2xl": "1400px",
- },
- },
- extend: {
- colors: {
- border: "hsl(var(--border))",
- input: "hsl(var(--input))",
- ring: "hsl(var(--ring))",
- background: "hsl(var(--background))",
- foreground: "hsl(var(--foreground))",
- primary: {
- DEFAULT: "hsl(var(--primary))",
- foreground: "hsl(var(--primary-foreground))",
- },
- secondary: {
- DEFAULT: "hsl(var(--secondary))",
- foreground: "hsl(var(--secondary-foreground))",
- },
- destructive: {
- DEFAULT: "hsl(var(--destructive))",
- foreground: "hsl(var(--destructive-foreground))",
- },
- muted: {
- DEFAULT: "hsl(var(--muted))",
- foreground: "hsl(var(--muted-foreground))",
- },
- accent: {
- DEFAULT: "hsl(var(--accent))",
- foreground: "hsl(var(--accent-foreground))",
- },
- popover: {
- DEFAULT: "hsl(var(--popover))",
- foreground: "hsl(var(--popover-foreground))",
- },
- card: {
- DEFAULT: "hsl(var(--card))",
- foreground: "hsl(var(--card-foreground))",
- },
- },
- borderRadius: {
- lg: "var(--radius)",
- md: "calc(var(--radius) - 2px)",
- sm: "calc(var(--radius) - 4px)",
- },
- keyframes: {
- "accordion-down": {
- from: { height: "0" },
- to: { height: "var(--radix-accordion-content-height)" },
- },
- "accordion-up": {
- from: { height: "var(--radix-accordion-content-height)" },
- to: { height: "0" },
- },
- },
- animation: {
- "accordion-down": "accordion-down 0.2s ease-out",
- "accordion-up": "accordion-up 0.2s ease-out",
- },
- },
- },
- plugins: [require("tailwindcss-animate")],
-} satisfies Config
-
+import type { Config } from "tailwindcss"
+
+const config = {
+ darkMode: ["class"],
+ content: [
+ './pages/**/*.{ts,tsx}',
+ './components/**/*.{ts,tsx}',
+ './app/**/*.{ts,tsx}',
+ './src/**/*.{ts,tsx}',
+ ],
+ prefix: "",
+ theme: {
+ container: {
+ center: true,
+ padding: "2rem",
+ screens: {
+ "2xl": "1400px",
+ },
+ },
+ extend: {
+ colors: {
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
+ },
+ keyframes: {
+ "accordion-down": {
+ from: { height: "0" },
+ to: { height: "var(--radix-accordion-content-height)" },
+ },
+ "accordion-up": {
+ from: { height: "var(--radix-accordion-content-height)" },
+ to: { height: "0" },
+ },
+ },
+ animation: {
+ "accordion-down": "accordion-down 0.2s ease-out",
+ "accordion-up": "accordion-up 0.2s ease-out",
+ },
+ },
+ },
+ plugins: [require("tailwindcss-animate")],
+} satisfies Config
+
export default config
\ No newline at end of file
diff --git a/next-app/tsconfig.json b/next-app/tsconfig.json
index 56e0fa9..477ce34 100644
--- a/next-app/tsconfig.json
+++ b/next-app/tsconfig.json
@@ -1,26 +1,26 @@
-{
- "compilerOptions": {
- "lib": ["dom", "dom.iterable", "esnext"],
- "allowJs": true,
- "skipLibCheck": true,
- "strict": true,
- "noEmit": true,
- "esModuleInterop": true,
- "module": "esnext",
- "moduleResolution": "bundler",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "jsx": "preserve",
- "incremental": true,
- "plugins": [
- {
- "name": "next"
- }
- ],
- "paths": {
- "@/*": ["./src/*"]
- }
- },
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
- "exclude": ["node_modules"]
+{
+ "compilerOptions": {
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
}
\ No newline at end of file