-
- {ConnectMetaMask(
- provider,
- setProvider,
- currentAccount,
- setCurrentAccount
- )}
- {DaiBalance(
- provider,
- currentAccount
- )}
-
+ ,
+ dowgoAddress: EthAddress | undefined
+) {
+ _userEthAddress !== "0x" &&
+ dowgoAddress &&
+ setAllowance(await contract.allowance(_userEthAddress, dowgoAddress));
+}
+
+function ApproveUSDC(
+ provider: providers.Web3Provider | undefined,
+ chainId: ChainId | undefined,
+ userEthAddress: EthAddress,
+ allowance: BigNumber,
+ setAllowance: SetStateFunction,
+ displayModal: boolean,
+ setDisplayModal: SetStateFunction,
+ contractAddresses: ContractAddresses | undefined
+) {
+ const [txStatus, setTxStatus] = useState(undefined);
+
+ async function approveUSDCToDowgo() {
+ //TODO catch errors (like rejection)
+ if (provider && chainId && contractAddresses) {
+ let contract: ERC20 = new ethers.Contract(
+ contractAddresses?.mockUSDCAddress,
+ ERC20_ABI,
+ provider
+ ) as ERC20;
+ launchTxWithStatus(
+ setTxStatus,
+ async () =>
+ await contract
+ .connect(provider.getSigner())
+ .approve(contractAddresses?.dowgoAddress, INFINITE_ALLOWANCE),
+ () => {
+ setDisplayModal(false);
+ getAllowance(
+ contract,
+ userEthAddress,
+ setAllowance,
+ contractAddresses?.dowgoAddress
+ );
+ }
+ );
+ }
+ }
+ useEffect(() => {
+ if (provider && chainId && contractAddresses && userEthAddress !== "0x") {
+ // We connect to the Contract using a Provider, so we will only
+ // have read-only access to the Contract
+ let contract: ERC20 = new ethers.Contract(
+ contractAddresses?.mockUSDCAddress,
+ ERC20_ABI,
+ provider
+ ) as ERC20;
+ getAllowance(
+ contract,
+ userEthAddress,
+ setAllowance,
+ contractAddresses?.dowgoAddress
+ );
+ }
+ }, [provider, userEthAddress, chainId, setAllowance,contractAddresses]);
+ const handleClose = () => setDisplayModal(false);
+ return (
+
+
+ );
+}
+
+export default ApproveUSDC;
diff --git a/src/components/BalanceView/DowgoBalance.tsx b/src/components/BalanceView/DowgoBalance.tsx
new file mode 100644
index 0000000..43dc2b7
--- /dev/null
+++ b/src/components/BalanceView/DowgoBalance.tsx
@@ -0,0 +1,29 @@
+import { BigNumber } from "ethers";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../constants";
+import { ReactComponent as DowgoTokenIcon } from "../../assets/metrics-banner/token-icon.svg";
+
+function DowgoBalance(dowgoBalance: BigNumber, price: BigNumber) {
+ return (
+ ,
- currentAccount: Address,
- setCurrentAccount: SetStateFunction
+ provider: providers.Web3Provider | undefined,
+ setProvider: SetStateFunction,
+ currentAccount: EthAddress,
+ setCurrentAccount: SetStateFunction,
+
+ chainId: ChainId | undefined,
+ setChainId: SetStateFunction
) {
const [status, setStatus] = React.useState("Disconnected");
- const [chainId, setChainId] = React.useState(undefined);
// CONNECT TO METAMASK
@@ -23,7 +43,7 @@ function ConnectMetaMask(
startApp(provider as MetaMaskInpageProvider); // Initialize your app
} else {
console.log("Please install MetaMask!");
- setStatus("Please install MetaMask")
+ setStatus("Please install MetaMask");
}
}
@@ -35,9 +55,9 @@ function ConnectMetaMask(
}
// Access the decentralized web!
//@ts-ignore
- const provider = new ethers.providers.Web3Provider(_provider);
+ const provider = new ethers.providers.Web3Provider(_provider);
setProvider(provider);
- setStatus("Connected")
+ setStatus("Connected");
}
// detect MM at the start of the Dapp
@@ -95,18 +115,17 @@ function ConnectMetaMask(
// For now, 'eth_accounts' will continue to always return an array
function handleAccountsChanged(accounts: unknown) {
- console.log("accounts raw",accounts)
- let accountList: Address[] = [];
+ let accountList: EthAddress[] = [];
if (accounts && (accounts as string[]).length) {
- accountList = accounts as Address[];
+ accountList = accounts as EthAddress[];
}
if (accountList.length === 0) {
// MetaMask is locked or the user has not connected any accounts
console.log("Please connect to MetaMask.");
- setStatus("Please connect to MetaMask")
+ setStatus("Please connect to MetaMask");
} else if (accountList[0] !== currentAccount) {
setCurrentAccount(accountList[0]);
- setStatus("Connected")
+ setStatus("Connected");
}
}
@@ -144,24 +163,69 @@ function ConnectMetaMask(
}
});
}
-
+ const supportedNetwork =
+ chainId && ALLOWED_NETWORKS.includes(ChainId[chainId]);
return (
(BigNumber.from(0));
-
- async function getBalance(contract: ERC20) {
- console.log("k",userAddress,await contract.balanceOf(userAddress))
- setBalance(await contract.balanceOf(userAddress));
- }
- useEffect(() => {
- if (provider && userAddress!=="0x") {
- // Dai Address
- let contractAddress = "0x6B175474E89094C44Da98b954EedeAC495271d0F";
-
-
- // We connect to the Contract using a Provider, so we will only
- // have read-only access to the Contract
- let contract: ERC20 = new ethers.Contract(
- contractAddress,
- ERC20_ABI,
- provider
- ) as ERC20;
- getBalance(contract);
- }
- }, [provider,userAddress]);
- return (,
+ updateContractInfo: (
+ _chainId: ChainId,
+ _contractAddresses: ContractAddresses | undefined
+ ) => void,
+ contractAddresses: ContractAddresses | undefined
+) => {
+ const [buyInput, setBuyInput] = useState(BigNumber.from(0));
+ const [txStatus, setTxStatus] = useState(undefined);
+
+ async function buyDowgo() {
+ //TODO catch errors (like rejection)
+ if (provider && chainId && contractAddresses?.dowgoAddress) {
+ let contract: DowgoERC20 = new ethers.Contract(
+ contractAddresses.dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ launchTxWithStatus(
+ setTxStatus,
+ async () =>
+ await contract
+ .connect(provider.getSigner())
+ .buy_dowgo(buyInput.mul(ONE_DOWGO_UNIT)),
+ () => {
+ updateContractInfo(chainId, contractAddresses);
+ }
+ );
+ }
+ }
+ //TODO: check after comma values
+ return (
+
+ {chainId && ALLOWED_NETWORKS.includes(ChainId[chainId]) ? (
+
+ );
+};
diff --git a/src/components/DowgoView/SellComponent.tsx b/src/components/DowgoView/SellComponent.tsx
new file mode 100644
index 0000000..9f39c96
--- /dev/null
+++ b/src/components/DowgoView/SellComponent.tsx
@@ -0,0 +1,98 @@
+import { BigNumber, ethers, providers } from "ethers";
+import { useState } from "react";
+import { Card, Alert } from "antd";
+import { ChainId, ContractAddresses, TxStatus } from "../../types/types";
+import {
+ ALLOWED_NETWORKS,
+ ONE_DOWGO_UNIT,
+ ONE_USDC_UNIT,
+} from "../../constants";
+import { DowgoERC20 } from "../../types/DowgoERC20";
+import { DowgoERC20ABI } from "../../constants/DowgoERC20ABI";
+import { launchTxWithStatus } from "../../utils/txWithStatus";
+import { DisplayTxStatus } from "../displayComponents/DisplayTxStatus";
+
+export const SellComponent = (
+ provider: providers.Web3Provider | undefined,
+ chainId: ChainId | undefined,
+ price: BigNumber,
+ dowgoBalance: BigNumber,
+ updateContractInfo: (
+ _chainId: ChainId,
+ _contractAddresses: ContractAddresses | undefined
+ ) => void,
+ contractAddresses: ContractAddresses | undefined
+) => {
+ const [sellInput, setSellInput] = useState(BigNumber.from(0));
+ const [txStatus, setTxStatus] = useState(undefined);
+
+ async function sellDowgo() {
+ //TODO catch errors (like rejection)
+ if (provider && chainId && contractAddresses?.dowgoAddress) {
+ let contract: DowgoERC20 = new ethers.Contract(
+ contractAddresses.dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ launchTxWithStatus(
+ setTxStatus,
+ async () =>
+ await contract
+ .connect(provider.getSigner())
+ .sell_dowgo(sellInput.mul(ONE_DOWGO_UNIT)),
+ () => updateContractInfo(chainId, contractAddresses)
+ );
+ }
+ }
+ return (
+
+ {chainId && ALLOWED_NETWORKS.includes(ChainId[chainId]) ? (
+
+ );
+};
diff --git a/src/components/DowgoView/WithdrawComponent.tsx b/src/components/DowgoView/WithdrawComponent.tsx
new file mode 100644
index 0000000..c646cfa
--- /dev/null
+++ b/src/components/DowgoView/WithdrawComponent.tsx
@@ -0,0 +1,87 @@
+import { BigNumber, ethers, providers } from "ethers";
+import { useState } from "react";
+import { Alert, Input, Button } from "antd";
+import { ChainId, ContractAddresses, TxStatus } from "../../types/types";
+import { ONE_USDC_UNIT } from "../../constants";
+import { DowgoERC20 } from "../../types/DowgoERC20";
+import { DowgoERC20ABI } from "../../constants/DowgoERC20ABI";
+import { launchTxWithStatus } from "../../utils/txWithStatus";
+import { DisplayTxStatus } from "../displayComponents/DisplayTxStatus";
+
+import './withdraw-component.styles.scss';
+
+export const WithdrawComponent = (
+ provider: providers.Web3Provider | undefined,
+ chainId: ChainId | undefined,
+ usdcBalanceOnContract: BigNumber,
+ updateContractInfo: (
+ _chainId: ChainId,
+ _contractAddresses: ContractAddresses | undefined
+ ) => void,
+ contractAddresses: ContractAddresses | undefined
+) => {
+ const [withdrawInput, setWithdrawInput] = useState(
+ BigNumber.from(0)
+ );
+ const [txStatus, setTxStatus] = useState(undefined);
+
+ async function withdrawUSDC() {
+ //TODO catch errors (like rejection)
+ if (provider && chainId && contractAddresses?.dowgoAddress) {
+ let contract: DowgoERC20 = new ethers.Contract(
+ contractAddresses.dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ launchTxWithStatus(
+ setTxStatus,
+ async () =>
+ await contract
+ .connect(provider.getSigner())
+ .withdraw_usdc(withdrawInput.mul(ONE_USDC_UNIT)),
+ () => updateContractInfo(chainId, contractAddresses)
+ );
+ }
+ }
+ return (
+ ,
+ dowgoBalance: BigNumber,
+ setDowgoBalance: SetStateFunction,
+ setDisplayModal: SetStateFunction,
+ chainId: ChainId | undefined,
+ price: BigNumber,
+ setPrice: SetStateFunction,
+ contractAddresses: ContractAddresses | undefined
+) {
+ const [targetRatio, setTargetRatio] = React.useState(
+ BigNumber.from(0)
+ );
+ const [collRange, setCollRange] = React.useState(
+ BigNumber.from(0)
+ );
+ const [totalSupply, setTotalSupply] = React.useState(
+ BigNumber.from(0)
+ );
+ const [usdcBalanceOnContract, setUsdcBalanceOnContract] =
+ React.useState(BigNumber.from(0));
+
+ async function updatePrice(contract: DowgoERC20) {
+ setPrice(await contract.currentPrice());
+ }
+ async function updateTargetRatio(contract: DowgoERC20) {
+ setTargetRatio(await contract.targetRatio());
+ }
+ async function updateCollRange(contract: DowgoERC20) {
+ setCollRange(await contract.collRange());
+ }
+ async function updateTotalSupply(contract: DowgoERC20) {
+ setTotalSupply(await contract.totalSupply());
+ }
+ async function updateDowgoBalance(
+ contract: DowgoERC20,
+ _userEthAddress: EthAddress
+ ) {
+ _userEthAddress !== "0x" &&
+ setDowgoBalance(await contract.balanceOf(_userEthAddress));
+ }
+ async function updateUSDCBalance(
+ _userEthAddress: EthAddress,
+ _chainId: ChainId
+ ) {
+ if (chainId && contractAddresses && _userEthAddress !== "0x") {
+ // USDC EthAddress
+ let contract: ERC20 = new ethers.Contract(
+ contractAddresses?.mockUSDCAddress,
+ ERC20_ABI,
+ provider
+ ) as ERC20;
+ setUSDCBalance(await contract.balanceOf(_userEthAddress));
+ }
+ }
+ async function updateUSDCBalanceOnContract(
+ contract: DowgoERC20,
+ _userEthAddress: EthAddress
+ ) {
+ _userEthAddress !== "0x" &&
+ setUsdcBalanceOnContract(
+ await contract.usdcUserBalances(_userEthAddress)
+ );
+ }
+
+ function updateContractInfo(
+ _chainId: ChainId,
+ _contractAddresses: ContractAddresses | undefined
+ ) {
+ if (_contractAddresses) {
+ let contract: DowgoERC20 = new ethers.Contract(
+ _contractAddresses.dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ updateUSDCBalance(userEthAddress, _chainId);
+ updateDowgoBalance(contract, userEthAddress);
+ updateUSDCBalanceOnContract(contract, userEthAddress);
+ updatePrice(contract);
+ updateTargetRatio(contract);
+ updateCollRange(contract);
+ updateTotalSupply(contract);
+ }
+ }
+
+ useEffect(() => {
+ if (provider && userEthAddress !== "0x" && chainId) {
+ updateContractInfo(chainId, contractAddresses);
+ }
+ }, [provider, userEthAddress, chainId, contractAddresses]);
+
+ return (
+
+ );
+ };
+
+ return (
+ => {
+ switch (chainId) {
+ case 1: //Mainnet
+ return {
+ mockUSDCAddress: MAINNET_USDC_ADDRESS,
+ dowgoAddress: MAINNET_DOWGO_ADDRESS,
+ };
+ case 5: //Goerli
+ return (
+ (
+ await axios.get(
+ "https://211thuucd8.execute-api.eu-west-3.amazonaws.com/latestDeployment"
+ )
+ ).data || {
+ mockUSDCAddress: DEFAULT_GOERLI_USDC_ADDRESS,
+ dowgoAddress: DEFAULT_GOERLI_DOWGO_ADDRESS,
+ }
+ );
+ default:
+ console.log(
+ `UNKOWN Network (getDowgoEthAddress), defaulting to localhost:8545`
+ );
+ return {
+ mockUSDCAddress: LOCAL_USDC_ADDRESS,
+ dowgoAddress: LOCAL_DOWGO_ADDRESS,
+ };
+ }
+};
diff --git a/src/constants/index.ts b/src/constants/index.ts
new file mode 100644
index 0000000..df9bb15
--- /dev/null
+++ b/src/constants/index.ts
@@ -0,0 +1,8 @@
+import { BigNumber } from "ethers";
+
+export const ONE_DOWGO_UNIT = BigNumber.from((10 ** 18).toString());
+export const ONE_USDC_UNIT = BigNumber.from((10 ** 6).toString());
+
+export const INFINITE_ALLOWANCE =
+ "0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff";
+export const ALLOWED_NETWORKS = ["GÖRLI"]; //, "GÖRLI", "LOCAL_TESTNET"];
diff --git a/src/index.css b/src/index.css
index 4a1df4d..1a07998 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,8 @@ body {
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+ background: #010103;
+ color: #fff;
}
code {
diff --git a/src/index.tsx b/src/index.tsx
index ccbac81..7e1ff6c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,6 @@
import React from "react";
import ReactDOM from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
@@ -7,13 +8,13 @@ import reportWebVitals from "./reportWebVitals";
const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement
);
+
root.render(
-
+
);
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
diff --git a/src/objects/dowgo-funds/fund-columns.js b/src/objects/dowgo-funds/fund-columns.js
new file mode 100644
index 0000000..88d62a7
--- /dev/null
+++ b/src/objects/dowgo-funds/fund-columns.js
@@ -0,0 +1,40 @@
+const columnsFund = [
+ {
+ title: "Fund Name",
+ dataIndex: "fundName",
+ key: "fundName",
+ width: 400,
+ },
+ {
+ title: "% Performance",
+ dataIndex: "performance",
+ key: "performance",
+ width: 200,
+ },
+ {
+ title: "24h Volume ($)",
+ dataIndex: "volume",
+ key: "volume",
+ width: 200,
+ },
+ {
+ title: "Status",
+ dataIndex: "fundStatus",
+ key: "fundStatus",
+ width: 200,
+ },
+ {
+ title: "Information",
+ key: "operation",
+ width: 200,
+ render: () => (
+ (undefined);
+ const [currentAccount, setCurrentAccount] = React.useState("0x");
+ const [allowance, setAllowance] = React.useState(
+ BigNumber.from(0)
+ );
+ const [dowgoBalance, setDowgoBalance] = React.useState(
+ BigNumber.from(0)
+ );
+ const [usdcBalance, setUSDCBalance] = React.useState(
+ BigNumber.from(0)
+ );
+ const [price, setPrice] = React.useState(BigNumber.from(0));
+ const [displayModal, setDisplayModal] = React.useState(false);
+
+ // Contract addresses
+ const [contractAddresses, setContractAddresses] = React.useState<
+ ContractAddresses | undefined
+ >(undefined);
+ async function getAddresses(chainId: ChainId | undefined) {
+ if (chainId) {
+ let addresses = await getContractAddresses(chainId);
+ setContractAddresses(addresses);
+ }
+ }
+ useEffect(() => {
+ getAddresses(chainId);
+ }, [chainId]);
+
+ return (
+ ;
+
+ listeners, EventArgsObject>(
+ eventFilter?: TypedEventFilter
+ ): Array>;
+ off, EventArgsObject>(
+ eventFilter: TypedEventFilter,
+ listener: TypedListener
+ ): this;
+ on, EventArgsObject>(
+ eventFilter: TypedEventFilter,
+ listener: TypedListener
+ ): this;
+ once, EventArgsObject>(
+ eventFilter: TypedEventFilter,
+ listener: TypedListener
+ ): this;
+ removeListener, EventArgsObject>(
+ eventFilter: TypedEventFilter,
+ listener: TypedListener
+ ): this;
+ removeAllListeners, EventArgsObject>(
+ eventFilter: TypedEventFilter
+ ): this;
+
+ listeners(eventName?: string): Array;
+ off(eventName: string, listener: Listener): this;
+ on(eventName: string, listener: Listener): this;
+ once(eventName: string, listener: Listener): this;
+ removeListener(eventName: string, listener: Listener): this;
+ removeAllListeners(eventName?: string): this;
+
+ queryFilter, EventArgsObject>(
+ event: TypedEventFilter,
+ fromBlockOrBlockhash?: string | number | undefined,
+ toBlock?: string | number | undefined
+ ): Promise>>;
+
+ interface: DowgoERC20Interface;
+
+ functions: {
+ DEFAULT_ADMIN_ROLE(overrides?: CallOverrides): Promise<[string]>;
+
+ admin_buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ allowance(
+ owner: string,
+ spender: string,
+ overrides?: CallOverrides
+ ): Promise<[BigNumber]>;
+
+ approve(
+ spender: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ balanceOf(account: string, overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ collRange(overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ currentPrice(overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ decimals(overrides?: CallOverrides): Promise<[number]>;
+
+ decreaseAllowance(
+ spender: string,
+ subtractedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ decrease_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ getRoleAdmin(role: BytesLike, overrides?: CallOverrides): Promise<[string]>;
+
+ get_usdc_allowance(overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ grantRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ grant_admin(
+ newAdmin: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ hasRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise<[boolean]>;
+
+ increaseAllowance(
+ spender: string,
+ addedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ increase_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ name(overrides?: CallOverrides): Promise<[string]>;
+
+ renounceRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ revokeRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ sell_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ set_current_price(
+ newPrice: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ supportsInterface(
+ interfaceId: BytesLike,
+ overrides?: CallOverrides
+ ): Promise<[boolean]>;
+
+ symbol(overrides?: CallOverrides): Promise<[string]>;
+
+ targetRatio(overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ totalSupply(overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ totalUSDCSupply(overrides?: CallOverrides): Promise<[BigNumber]>;
+
+ transfer(
+ to: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ transferFrom(
+ from: string,
+ to: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ usdcUserBalances(
+ arg0: string,
+ overrides?: CallOverrides
+ ): Promise<[BigNumber]>;
+
+ withdraw_usdc(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+ };
+
+ DEFAULT_ADMIN_ROLE(overrides?: CallOverrides): Promise;
+
+ admin_buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ allowance(
+ owner: string,
+ spender: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ approve(
+ spender: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ balanceOf(account: string, overrides?: CallOverrides): Promise;
+
+ buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ collRange(overrides?: CallOverrides): Promise;
+
+ currentPrice(overrides?: CallOverrides): Promise;
+
+ decimals(overrides?: CallOverrides): Promise;
+
+ decreaseAllowance(
+ spender: string,
+ subtractedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ decrease_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ getRoleAdmin(role: BytesLike, overrides?: CallOverrides): Promise;
+
+ get_usdc_allowance(overrides?: CallOverrides): Promise;
+
+ grantRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ grant_admin(
+ newAdmin: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ hasRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ increaseAllowance(
+ spender: string,
+ addedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ increase_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ name(overrides?: CallOverrides): Promise;
+
+ renounceRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ revokeRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ sell_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ set_current_price(
+ newPrice: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ supportsInterface(
+ interfaceId: BytesLike,
+ overrides?: CallOverrides
+ ): Promise;
+
+ symbol(overrides?: CallOverrides): Promise;
+
+ targetRatio(overrides?: CallOverrides): Promise;
+
+ totalSupply(overrides?: CallOverrides): Promise;
+
+ totalUSDCSupply(overrides?: CallOverrides): Promise;
+
+ transfer(
+ to: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ transferFrom(
+ from: string,
+ to: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ usdcUserBalances(arg0: string, overrides?: CallOverrides): Promise;
+
+ withdraw_usdc(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ callStatic: {
+ DEFAULT_ADMIN_ROLE(overrides?: CallOverrides): Promise;
+
+ admin_buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ allowance(
+ owner: string,
+ spender: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ approve(
+ spender: string,
+ amount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ balanceOf(account: string, overrides?: CallOverrides): Promise;
+
+ buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ collRange(overrides?: CallOverrides): Promise;
+
+ currentPrice(overrides?: CallOverrides): Promise;
+
+ decimals(overrides?: CallOverrides): Promise;
+
+ decreaseAllowance(
+ spender: string,
+ subtractedValue: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ decrease_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ getRoleAdmin(role: BytesLike, overrides?: CallOverrides): Promise;
+
+ get_usdc_allowance(overrides?: CallOverrides): Promise;
+
+ grantRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ grant_admin(newAdmin: string, overrides?: CallOverrides): Promise;
+
+ hasRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ increaseAllowance(
+ spender: string,
+ addedValue: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ increase_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ name(overrides?: CallOverrides): Promise;
+
+ renounceRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ revokeRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ sell_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ set_current_price(
+ newPrice: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ supportsInterface(
+ interfaceId: BytesLike,
+ overrides?: CallOverrides
+ ): Promise;
+
+ symbol(overrides?: CallOverrides): Promise;
+
+ targetRatio(overrides?: CallOverrides): Promise;
+
+ totalSupply(overrides?: CallOverrides): Promise;
+
+ totalUSDCSupply(overrides?: CallOverrides): Promise;
+
+ transfer(
+ to: string,
+ amount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ transferFrom(
+ from: string,
+ to: string,
+ amount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+
+ usdcUserBalances(
+ arg0: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ withdraw_usdc(
+ usdcAmount: BigNumberish,
+ overrides?: CallOverrides
+ ): Promise;
+ };
+
+ filters: {
+ "Approval(address,address,uint256)"(
+ owner?: string | null,
+ spender?: string | null,
+ value?: null
+ ): TypedEventFilter<
+ [string, string, BigNumber],
+ { owner: string; spender: string; value: BigNumber }
+ >;
+
+ Approval(
+ owner?: string | null,
+ spender?: string | null,
+ value?: null
+ ): TypedEventFilter<
+ [string, string, BigNumber],
+ { owner: string; spender: string; value: BigNumber }
+ >;
+
+ "BuyDowgo(address,uint256,uint256)"(
+ buyer?: string | null,
+ dowgoAmount?: null,
+ usdcAmount?: null
+ ): TypedEventFilter<
+ [string, BigNumber, BigNumber],
+ { buyer: string; dowgoAmount: BigNumber; usdcAmount: BigNumber }
+ >;
+
+ BuyDowgo(
+ buyer?: string | null,
+ dowgoAmount?: null,
+ usdcAmount?: null
+ ): TypedEventFilter<
+ [string, BigNumber, BigNumber],
+ { buyer: string; dowgoAmount: BigNumber; usdcAmount: BigNumber }
+ >;
+
+ "PriceSet(address,uint256)"(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ PriceSet(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ "RoleAdminChanged(bytes32,bytes32,bytes32)"(
+ role?: BytesLike | null,
+ previousAdminRole?: BytesLike | null,
+ newAdminRole?: BytesLike | null
+ ): TypedEventFilter<
+ [string, string, string],
+ { role: string; previousAdminRole: string; newAdminRole: string }
+ >;
+
+ RoleAdminChanged(
+ role?: BytesLike | null,
+ previousAdminRole?: BytesLike | null,
+ newAdminRole?: BytesLike | null
+ ): TypedEventFilter<
+ [string, string, string],
+ { role: string; previousAdminRole: string; newAdminRole: string }
+ >;
+
+ "RoleGranted(bytes32,address,address)"(
+ role?: BytesLike | null,
+ account?: string | null,
+ sender?: string | null
+ ): TypedEventFilter<
+ [string, string, string],
+ { role: string; account: string; sender: string }
+ >;
+
+ RoleGranted(
+ role?: BytesLike | null,
+ account?: string | null,
+ sender?: string | null
+ ): TypedEventFilter<
+ [string, string, string],
+ { role: string; account: string; sender: string }
+ >;
+
+ "RoleRevoked(bytes32,address,address)"(
+ role?: BytesLike | null,
+ account?: string | null,
+ sender?: string | null
+ ): TypedEventFilter<
+ [string, string, string],
+ { role: string; account: string; sender: string }
+ >;
+
+ RoleRevoked(
+ role?: BytesLike | null,
+ account?: string | null,
+ sender?: string | null
+ ): TypedEventFilter<
+ [string, string, string],
+ { role: string; account: string; sender: string }
+ >;
+
+ "SellDowgo(address,uint256,uint256)"(
+ seller?: string | null,
+ dowgoAmount?: null,
+ usdcAmount?: null
+ ): TypedEventFilter<
+ [string, BigNumber, BigNumber],
+ { seller: string; dowgoAmount: BigNumber; usdcAmount: BigNumber }
+ >;
+
+ SellDowgo(
+ seller?: string | null,
+ dowgoAmount?: null,
+ usdcAmount?: null
+ ): TypedEventFilter<
+ [string, BigNumber, BigNumber],
+ { seller: string; dowgoAmount: BigNumber; usdcAmount: BigNumber }
+ >;
+
+ "Transfer(address,address,uint256)"(
+ from?: string | null,
+ to?: string | null,
+ value?: null
+ ): TypedEventFilter<
+ [string, string, BigNumber],
+ { from: string; to: string; value: BigNumber }
+ >;
+
+ Transfer(
+ from?: string | null,
+ to?: string | null,
+ value?: null
+ ): TypedEventFilter<
+ [string, string, BigNumber],
+ { from: string; to: string; value: BigNumber }
+ >;
+
+ "USDCSupplyDecreased(address,uint256)"(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ USDCSupplyDecreased(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ "USDCSupplyIncreased(address,uint256)"(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ USDCSupplyIncreased(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ "WithdrawUSDC(address,uint256)"(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+
+ WithdrawUSDC(
+ user?: string | null,
+ amount?: null
+ ): TypedEventFilter<
+ [string, BigNumber],
+ { user: string; amount: BigNumber }
+ >;
+ };
+
+ estimateGas: {
+ DEFAULT_ADMIN_ROLE(overrides?: CallOverrides): Promise;
+
+ admin_buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ allowance(
+ owner: string,
+ spender: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ approve(
+ spender: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ balanceOf(account: string, overrides?: CallOverrides): Promise;
+
+ buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ collRange(overrides?: CallOverrides): Promise;
+
+ currentPrice(overrides?: CallOverrides): Promise;
+
+ decimals(overrides?: CallOverrides): Promise;
+
+ decreaseAllowance(
+ spender: string,
+ subtractedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ decrease_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ getRoleAdmin(
+ role: BytesLike,
+ overrides?: CallOverrides
+ ): Promise;
+
+ get_usdc_allowance(overrides?: CallOverrides): Promise;
+
+ grantRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ grant_admin(
+ newAdmin: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ hasRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ increaseAllowance(
+ spender: string,
+ addedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ increase_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ name(overrides?: CallOverrides): Promise;
+
+ renounceRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ revokeRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ sell_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ set_current_price(
+ newPrice: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ supportsInterface(
+ interfaceId: BytesLike,
+ overrides?: CallOverrides
+ ): Promise;
+
+ symbol(overrides?: CallOverrides): Promise;
+
+ targetRatio(overrides?: CallOverrides): Promise;
+
+ totalSupply(overrides?: CallOverrides): Promise;
+
+ totalUSDCSupply(overrides?: CallOverrides): Promise;
+
+ transfer(
+ to: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ transferFrom(
+ from: string,
+ to: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ usdcUserBalances(
+ arg0: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ withdraw_usdc(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+ };
+
+ populateTransaction: {
+ DEFAULT_ADMIN_ROLE(
+ overrides?: CallOverrides
+ ): Promise;
+
+ admin_buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ allowance(
+ owner: string,
+ spender: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ approve(
+ spender: string,
+ amount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ balanceOf(
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ buy_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ collRange(overrides?: CallOverrides): Promise;
+
+ currentPrice(overrides?: CallOverrides): Promise;
+
+ decimals(overrides?: CallOverrides): Promise;
+
+ decreaseAllowance(
+ spender: string,
+ subtractedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ decrease_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ getRoleAdmin(
+ role: BytesLike,
+ overrides?: CallOverrides
+ ): Promise;
+
+ get_usdc_allowance(
+ overrides?: CallOverrides
+ ): Promise;
+
+ grantRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ grant_admin(
+ newAdmin: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ hasRole(
+ role: BytesLike,
+ account: string,
+ overrides?: CallOverrides
+ ): Promise;
+
+ increaseAllowance(
+ spender: string,
+ addedValue: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ increase_usdc_supply(
+ usdcAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ name(overrides?: CallOverrides): Promise;
+
+ renounceRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ revokeRole(
+ role: BytesLike,
+ account: string,
+ overrides?: Overrides & { from?: string | Promise }
+ ): Promise;
+
+ sell_dowgo(
+ dowgoAmount: BigNumberish,
+ overrides?: Overrides & { from?: string | Promise
+
+
+ {ConnectMetaMask(
+ provider,
+ setProvider,
+ currentAccount,
+ setCurrentAccount,
+ chainId,
+ setChainId
+ )}
+
+
+
+ {currentAccount !== "0x"
+ ?
+
+
- );
+ )
}
export default App;
diff --git a/src/assets/balance/usdc.svg b/src/assets/balance/usdc.svg
new file mode 100644
index 0000000..da702bb
--- /dev/null
+++ b/src/assets/balance/usdc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/dowgo-funds/alpha.svg b/src/assets/dowgo-funds/alpha.svg
new file mode 100644
index 0000000..b7cb08b
--- /dev/null
+++ b/src/assets/dowgo-funds/alpha.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/dowgo-logo.png b/src/assets/header/dowgo-logo.png
new file mode 100644
index 0000000..5013d56
Binary files /dev/null and b/src/assets/header/dowgo-logo.png differ
diff --git a/src/assets/header/metamask.svg b/src/assets/header/metamask.svg
new file mode 100644
index 0000000..2371f19
--- /dev/null
+++ b/src/assets/header/metamask.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/profile-icon.svg b/src/assets/header/profile-icon.svg
new file mode 100644
index 0000000..957003b
--- /dev/null
+++ b/src/assets/header/profile-icon.svg
@@ -0,0 +1,80 @@
+
+
diff --git a/src/assets/metrics-banner/asset-icon.svg b/src/assets/metrics-banner/asset-icon.svg
new file mode 100644
index 0000000..88c53a6
--- /dev/null
+++ b/src/assets/metrics-banner/asset-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/metrics-banner/badger-logo.png b/src/assets/metrics-banner/badger-logo.png
new file mode 100644
index 0000000..f1330b9
Binary files /dev/null and b/src/assets/metrics-banner/badger-logo.png differ
diff --git a/src/assets/metrics-banner/danimer-logo.png b/src/assets/metrics-banner/danimer-logo.png
new file mode 100644
index 0000000..b992eb1
Binary files /dev/null and b/src/assets/metrics-banner/danimer-logo.png differ
diff --git a/src/assets/metrics-banner/index-icon.svg b/src/assets/metrics-banner/index-icon.svg
new file mode 100644
index 0000000..e39ec83
--- /dev/null
+++ b/src/assets/metrics-banner/index-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/metrics-banner/johnson-logo.png b/src/assets/metrics-banner/johnson-logo.png
new file mode 100644
index 0000000..9e0c998
Binary files /dev/null and b/src/assets/metrics-banner/johnson-logo.png differ
diff --git a/src/assets/metrics-banner/token-icon.svg b/src/assets/metrics-banner/token-icon.svg
new file mode 100644
index 0000000..5f042c7
--- /dev/null
+++ b/src/assets/metrics-banner/token-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/metrics-banner/volume-icon.svg b/src/assets/metrics-banner/volume-icon.svg
new file mode 100644
index 0000000..97a3cb2
--- /dev/null
+++ b/src/assets/metrics-banner/volume-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/video-banner/dowgo-one.mp4 b/src/assets/video-banner/dowgo-one.mp4
new file mode 100644
index 0000000..fbefeee
Binary files /dev/null and b/src/assets/video-banner/dowgo-one.mp4 differ
diff --git a/src/assets/video-banner/video-banner.mp4 b/src/assets/video-banner/video-banner.mp4
new file mode 100644
index 0000000..a83f617
Binary files /dev/null and b/src/assets/video-banner/video-banner.mp4 differ
diff --git a/src/components/ApproveUSDC.tsx b/src/components/ApproveUSDC.tsx
new file mode 100644
index 0000000..5c4ed1a
--- /dev/null
+++ b/src/components/ApproveUSDC.tsx
@@ -0,0 +1,107 @@
+import { BigNumber, ethers, providers } from "ethers";
+import { useEffect, useState } from "react";
+import { Modal, Alert } from "antd";
+import {
+ EthAddress,
+ ChainId,
+ SetStateFunction,
+ TxStatus,
+ ContractAddresses,
+} from "../types/types";
+import { ERC20_ABI } from "../constants/ERC20ABI";
+import { ERC20 } from "../types/ERC20";
+import { INFINITE_ALLOWANCE } from "../constants";
+import { DButton } from "./displayComponents/Button";
+import { DisplayTxStatus } from "./displayComponents/DisplayTxStatus";
+import { launchTxWithStatus } from "../utils/txWithStatus";
+
+async function getAllowance(
+ contract: ERC20,
+ _userEthAddress: EthAddress,
+ setAllowance: SetStateFunction
+
+ 
+
+
+
+ {allowance.toHexString() === INFINITE_ALLOWANCE
+ ? `Allowance to Dowgo Contract : Infinite`
+ : `Allowance to Dowgo Contract : ${
+ Number(allowance) / 10 ** 18
+ } USDC`}
+
+ Dowgo Contract EthAddress :{contractAddresses?.dowgoAddress}
+
+
+ );
+}
+
+export default DowgoBalance;
diff --git a/src/components/BalanceView/USDCBalance.tsx b/src/components/BalanceView/USDCBalance.tsx
new file mode 100644
index 0000000..11f48e9
--- /dev/null
+++ b/src/components/BalanceView/USDCBalance.tsx
@@ -0,0 +1,25 @@
+import { BigNumber } from "ethers";
+import { ONE_USDC_UNIT } from "../../constants";
+import { ReactComponent as UsdcIcon } from "../../assets/balance/usdc.svg";
+
+function USDCBalance(usdcBalance: BigNumber) {
+ return (
+
+
+ );
+}
+
+export default USDCBalance;
diff --git a/src/components/BalanceView/index-balance.styles.scss b/src/components/BalanceView/index-balance.styles.scss
new file mode 100644
index 0000000..b3e024d
--- /dev/null
+++ b/src/components/BalanceView/index-balance.styles.scss
@@ -0,0 +1,14 @@
+.ant-card-head-title{
+ text-align: left;
+ font-size: 15px;
+ margin-top: -5px;
+ color: #0ff4e9;
+ padding-bottom: 5px;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-weight: 300;
+}
+
+.ant-card-head {
+ border-bottom: 0px;
+}
\ No newline at end of file
diff --git a/src/components/BalanceView/index.tsx b/src/components/BalanceView/index.tsx
new file mode 100644
index 0000000..2027092
--- /dev/null
+++ b/src/components/BalanceView/index.tsx
@@ -0,0 +1,98 @@
+import { BigNumber } from "ethers";
+import { Card } from "antd";
+import DowgoBalance from "./DowgoBalance";
+import USDCBalance from "./USDCBalance";
+
+import './index-balance.styles.scss';
+
+export const BalancePanel = (
+ dowgoBalance: BigNumber,
+ usdcBalance: BigNumber,
+ price: BigNumber
+) => {
+ return (
+
+
+ );
+};
diff --git a/src/components/Carousel/app-carousel.component.jsx b/src/components/Carousel/app-carousel.component.jsx
new file mode 100644
index 0000000..93807b6
--- /dev/null
+++ b/src/components/Carousel/app-carousel.component.jsx
@@ -0,0 +1,73 @@
+//@ts-ignore
+import React, {useRef} from "react";
+import {Carousel, Button} from "antd";
+
+//components import
+import HomeMetrics from "../home-metrics/home-metrics.component";
+
+//assets import
+import DowgoLogo from "../../assets/header/dowgo-logo.png";
+import VideoDowgoOne from "../../assets/video-banner/dowgo-one.mp4";
+
+import "./app-carousel.styles.scss";
+
+const AppCarousel = () => {
+
+ const carouselRef = useRef();
+
+ return (
+ + INVEST IN DOWGO FUNDS{" "} +
+
+
+
+
+
+
+
+
+
+
+ {DowgoBalance(dowgoBalance, price)}
+
+
+ {USDCBalance(usdcBalance)}
+
+
+
+
+ {
+ carouselRef.current = ref;
+ }}
+ effect="fade"
+ dots={false}
+ >
+
+
+
+ );
+};
+
+export default AppCarousel;
diff --git a/src/components/Carousel/app-carousel.styles.scss b/src/components/Carousel/app-carousel.styles.scss
new file mode 100644
index 0000000..b120ca5
--- /dev/null
+++ b/src/components/Carousel/app-carousel.styles.scss
@@ -0,0 +1,98 @@
+.app-carousel-container {
+ height: 100%;
+ width: 100%;
+ margin-top: -30px;
+
+
+ .ant-carousel {
+ height: 400px;
+ width: 100%;
+
+ .carousel-one-container {
+ height: 100%;
+ width: auto;
+ display: block;
+
+ .carousel-dowgo-logo-container {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ .carousel-dowgo-logo {
+ height: 250px;
+ width: auto;
+ }
+ }
+
+ .carousel-button-invest {
+ width: 200px;
+ height: 60px;
+ margin-top: 150px;
+ border-radius: 50px;
+ color: white;
+ font-weight: 600;
+ font-size: 22px;
+ font-family: 'Inter', sans-serif;
+ color: #0ff4e9;
+ border: 2px solid #0ff4e9;
+ box-shadow: 0 0 5px #0ff4e9,inset 0 0 5px #0ff4e9;
+ background-color: black;
+ cursor: pointer;
+ letter-spacing: 3px;
+ }
+ }
+
+ .carousel-two-container {
+ height: 720px;
+ width: auto;
+ display: block;
+ .carousel-invest-title {
+ color: #0ff4e9;
+ text-align: center;
+ width: 100%;
+ font-size: 50px;
+ font-family: "Inter", sans-serif;
+ font-weight: 900;
+ letter-spacing: 5px;
+ animation: fadeIn 5s;
+ }
+
+ @keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+ .carousel-invest-dowgo-one {
+ margin: 50px 0 0 0;
+ border-radius: 50%;
+ border: 2px solid #0ff4e9;
+ box-shadow:
+ inset 0 0 50px #fff,
+ inset 20px 0 80px #0ff4e9,
+ inset -20px 0 80px #0ff,
+ inset 20px 0 300px #0ff4e9,
+ inset -20px 0 300px #0ff,
+ 0 0 50px #fff,
+ -10px 0 80px #0ff4e9,
+ 10px 0 80px #0ff;
+ }
+
+ .carousel-invest-metrics {
+ margin: 100px 50px 100px 50px;
+ }
+ }
+
+ }
+}
+
+.slick-track {
+ height: 670px;
+}
+
+.slick-slide .slick-active .slick-current {
+ height: 670px;
+}
+
+
diff --git a/src/components/ConnectMetaMask/ConnectMetaMask.styles.css b/src/components/ConnectMetaMask/ConnectMetaMask.styles.css
new file mode 100644
index 0000000..e933b02
--- /dev/null
+++ b/src/components/ConnectMetaMask/ConnectMetaMask.styles.css
@@ -0,0 +1,115 @@
+@import "~antd/dist/antd.css";
+
+/* HEADER MENU */
+.menu-container {
+ justify-content: flex-end;
+ display: flex;
+ background-color: transparent;
+ align-items: center;
+ vertical-align: middle;
+ height: 100px;
+}
+
+.ant-menu.ant-menu-dark {
+ background-color: transparent;
+}
+
+.ant-menu.ant-menu-dark .ant-menu-item-selected,
+.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
+ background-color: transparent;
+}
+
+.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
+ background-color: transparent;
+}
+
+.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
+ background-color: transparent;
+}
+
+.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a {
+ color: white;
+}
+
+.ant-menu-item {
+ margin: 0;
+ margin-top: 0px;
+ padding: 0 20px;
+ white-space: nowrap;
+ transition: none;
+}
+
+.ant-menu-overflow-item ant-menu-item ant-menu-item-only-child {
+ height: 30px;
+ display: inline;
+ align-items: center;
+ vertical-align: middle;
+}
+
+.ant-menu.ant-menu-dark {
+ background: none;
+}
+
+.ant-layout-header {
+ background: transparent;
+}
+
+.profile-icon-link {
+ display: flex;
+}
+
+.profile-menu-icon {
+ height: 40px;
+ fill: white;
+ width: auto;
+ margin-top: 5px;
+}
+
+.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
+ display: flex;
+}
+
+.ant-menu-title-content {
+ color: rgba(255, 255, 255, 1);
+ font-size: 14px;
+ position: relative;
+ letter-spacing: 0.6px;
+ text-decoration: none;
+ width: auto;
+ padding-bottom: 5px;
+ height: 20px;
+ font-family: "Inter", sans-serif;
+}
+
+.ant-menu-title-content:after {
+ content: "";
+ position: absolute;
+ width: 100%;
+ transform: scaleX(0);
+ height: 2px;
+ bottom: 0;
+ left: 0;
+ background-color: rgb(35, 248, 246);
+ transform-origin: bottom right;
+ transition: transform 0.25s ease-out;
+}
+
+.ant-menu-title-content:hover {
+ color: rgb(35, 248, 246) !important;
+}
+
+.ant-menu-title-content:hover:after {
+ color: rgb(35, 248, 246) !important;
+ transform: scaleX(1) !important;
+ transform-origin: bottom left;
+}
+
+.funds-menu-item:hover {
+ color: rgb(35, 248, 246) !important;
+}
+
+.funds-menu-item:hover:after {
+ color: rgb(35, 248, 246) !important;
+ transform: scaleX(1) !important;
+ transform-origin: bottom left;
+}
diff --git a/src/components/ConnectMetaMask.tsx b/src/components/ConnectMetaMask/ConnectMetaMask.tsx
similarity index 59%
rename from src/components/ConnectMetaMask.tsx
rename to src/components/ConnectMetaMask/ConnectMetaMask.tsx
index 952b1ea..e6da8a9 100644
--- a/src/components/ConnectMetaMask.tsx
+++ b/src/components/ConnectMetaMask/ConnectMetaMask.tsx
@@ -1,17 +1,37 @@
+//@ts-ignore
import React, { useEffect } from "react";
+import { Menu } from "antd";
+import { Link } from 'react-router-dom';
+
import detectEthereumProvider from "@metamask/detect-provider";
import { MetaMaskInpageProvider } from "@metamask/providers";
-import { Address, ChainId, ConnectMMStatus, SetStateFunction } from "../types/types";
+import {
+ EthAddress,
+ ChainId,
+ ConnectMMStatus,
+ SetStateFunction,
+} from "../../types/types";
import { ethers, providers } from "ethers";
+import { DButton } from "../displayComponents/Button";
+import { ALLOWED_NETWORKS } from "../../constants";
+
+//icons import
+import { ReactComponent as ProfileIcon } from "../../assets/header/profile-icon.svg";
+
+import "./header-animation";
+
+import "./ConnectMetaMask.styles.css";
function ConnectMetaMask(
- provider: providers.Web3Provider|undefined,
- setProvider: SetStateFunction
+
+
+
+
+
+
+
+
+ + CHOOSE YOUR INVESTMENT TOKEN +
+ + + +
+
+
+
-
+
+
+
+
+
+
+
+ {provider &&
+ DButton(() => {
+ connect(window.ethereum as MetaMaskInpageProvider);
+ }, `Connect to MetaMask`)}
+
+
);
}
diff --git a/src/components/ConnectMetaMask/header-animation.js b/src/components/ConnectMetaMask/header-animation.js
new file mode 100644
index 0000000..efb6f40
--- /dev/null
+++ b/src/components/ConnectMetaMask/header-animation.js
@@ -0,0 +1,22 @@
+import $ from "jquery";
+
+$(document).ready(function () {
+ $(".metamask-button").unwrap(".ant-menu-title-content");
+ $(".status-menu-item").unwrap(".ant-menu-title-content");
+ $(".account-menu-item").unwrap(".ant-menu-title-content");
+ $(".chain-menu-item").unwrap(".ant-menu-title-content");
+});
+
+setInterval(function () {
+ $(window).on("scroll", function () {
+ if ($(window).scrollTop() > 50) {
+ $(".menu-container").css({
+ "background-color": "rgba(0, 0, 0, 0.8)",
+ "backdrop-filter": "blur(5px)",
+ });
+ } else {
+ $(".menu-container").css({ "background-color": "transparent" });
+ $(".menu-container").css({ "backdrop-filter": "none" });
+ }
+ });
+}, 200);
diff --git a/src/components/DaiBalance.tsx b/src/components/DaiBalance.tsx
deleted file mode 100644
index b52158d..0000000
--- a/src/components/DaiBalance.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React, { useEffect } from "react";
-import { BigNumber, ethers, providers } from "ethers";
-import { Address } from "../types/types";
-import { ERC20_ABI } from "../constants/ERC20ABI";
-import { ERC20 } from "../types/ERC20";
-
-function DaiBalance(provider: providers.Web3Provider|undefined, userAddress: Address) {
- const [balance, setBalance] = React.useStateStatus : {status}
-
- Account: {currentAccount !== "0x" ? currentAccount : "Not Connected"}
-
- Chain: {chainId ? ChainId[chainId] : "Unkown Chain"}
- {provider && (
-
- )}
+
+ Status :{" "}
+
+ {status}
+
+
+
+ Account:{" "}
+ {currentAccount !== "0x"
+ ? `${currentAccount.substring(
+ 0,
+ 4
+ )}...${currentAccount.substring(38, 42)}`
+ : "Not Connected"}
+
+
+ Chain: {chainId ? ChainId[chainId] : "Unkown Chain"}
+ {supportedNetwork ? null : (
+ Unsupported Network
+ )}
+
+ {`Balance : ${Number(balance)/10**18} Dai`}
);
-}
-
-export default DaiBalance;
diff --git a/src/components/DowgoView/BuyComponent.tsx b/src/components/DowgoView/BuyComponent.tsx
new file mode 100644
index 0000000..8f5d392
--- /dev/null
+++ b/src/components/DowgoView/BuyComponent.tsx
@@ -0,0 +1,101 @@
+import { BigNumber, ethers, providers } from "ethers";
+import { useState } from "react";
+import { Card } from "antd";
+import {
+ ALLOWED_NETWORKS,
+ INFINITE_ALLOWANCE,
+ ONE_DOWGO_UNIT,
+ ONE_USDC_UNIT,
+} from "../../constants";
+import { DowgoERC20ABI } from "../../constants/DowgoERC20ABI";
+import { DowgoERC20 } from "../../types/DowgoERC20";
+import {
+ ChainId,
+ ContractAddresses,
+ SetStateFunction,
+ TxStatus,
+} from "../../types/types";
+import { launchTxWithStatus } from "../../utils/txWithStatus";
+import { DisplayTxStatus } from "../displayComponents/DisplayTxStatus";
+
+export const BuyComponent = (
+ provider: providers.Web3Provider | undefined,
+ chainId: ChainId | undefined,
+ price: BigNumber,
+ allowance: BigNumber,
+ setDisplayModal: SetStateFunction
+ {
+ Number(e.target.value) >= 0 &&
+ setBuyInput(BigNumber.from(Math.floor(Number(e.target.value))));
+ }}
+ value={Number(buyInput)}
+ />
+
+ {txStatus && chainId && DisplayTxStatus(txStatus, chainId)}
+
+ ) : (
+ {`Cost : ${(
+ (Number(buyInput) * Number(price)) /
+ Number(ONE_USDC_UNIT)
+ ).toFixed(2)}`}
+ {`USDC Allowance to Dowgo : ${
+ allowance.toHexString() === INFINITE_ALLOWANCE
+ ? "Infinite"
+ : (Number(allowance) / Number(ONE_USDC_UNIT)).toFixed(2)
+ }`}
+
+ Unsupported Network
+
+ )}
+
+ {sellInput.mul(ONE_DOWGO_UNIT).gt(dowgoBalance) && (
+
+ ) : (
+ {`Value : ${
+ (Number(sellInput) * Number(price)) / Number(ONE_USDC_UNIT)
+ } USDC`}
+
+ Unsupported Network
+
+ )}
+
+ {withdrawInput.mul(ONE_USDC_UNIT).gt(usdcBalanceOnContract) && (
+
+ );
+};
diff --git a/src/components/DowgoView/index-contract.styles.scss b/src/components/DowgoView/index-contract.styles.scss
new file mode 100644
index 0000000..8b99a29
--- /dev/null
+++ b/src/components/DowgoView/index-contract.styles.scss
@@ -0,0 +1,34 @@
+.dowgo-contract-card {
+ width: 100%;
+ background-color: black;
+ box-shadow: 0 0 5px #0ff4e9, inset 0 0 5px #0ff4e9;
+ border: 2px solid #0ff4e9;
+ background: black;
+ color: white;
+
+ .ant-card-head-title {
+ text-align: left;
+ font-size: 15px;
+ margin-top: -5px;
+ color: #0ff4e9;
+ padding-bottom: 5px;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-weight: 300;
+ }
+
+ .withdraw-formula {
+ display: block;
+ }
+}
+
+.withdraw-title {
+ text-align: left;
+ font-size: 13px;
+ margin-top: -30px;
+ margin-bottom: 20px;
+ color: white;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-weight: 300;
+}
\ No newline at end of file
diff --git a/src/components/DowgoView/index.tsx b/src/components/DowgoView/index.tsx
new file mode 100644
index 0000000..0c26106
--- /dev/null
+++ b/src/components/DowgoView/index.tsx
@@ -0,0 +1,207 @@
+import React, { useEffect } from "react";
+import { Card, Col, Row } from "antd";
+import { BigNumber, ethers, providers } from "ethers";
+import {
+ EthAddress,
+ ChainId,
+ SetStateFunction,
+ ContractAddresses,
+} from "../../types/types";
+import { DowgoERC20 } from "../../types/DowgoERC20";
+import { DowgoERC20ABI } from "../../constants/DowgoERC20ABI";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../constants";
+import { ERC20 } from "../../types/ERC20";
+import { ERC20_ABI } from "../../constants/ERC20ABI";
+import { BuyComponent } from "./BuyComponent";
+import { SellComponent } from "./SellComponent";
+import { WithdrawComponent } from "./WithdrawComponent";
+
+import './index-contract.styles.scss';
+
+const margin = "0.5em";
+
+function DowgoContract(
+ provider: providers.Web3Provider | undefined,
+ userEthAddress: EthAddress,
+ allowance: BigNumber,
+ usdcBalance: BigNumber,
+ setUSDCBalance: SetStateFunction
+
+
+ {" "}
+
+
+
+
+ {" "}
+
+
+ );
+}
+
+export default DowgoContract;
diff --git a/src/components/DowgoView/withdraw-component.styles.scss b/src/components/DowgoView/withdraw-component.styles.scss
new file mode 100644
index 0000000..9ed3881
--- /dev/null
+++ b/src/components/DowgoView/withdraw-component.styles.scss
@@ -0,0 +1,22 @@
+.withdraw-input-profile {
+ margin-bottom: 20px;
+ border: 2px solid #0ff4e9;
+ border-radius: 50px;
+ height: 40px;
+}
+
+
+.withdraw-button-profile {
+ width: 100%;
+ height: 40px;
+ border-radius: 50px;
+ color: white;
+ font-weight: 600;
+ font-size: 15px;
+ font-family: 'Inter', sans-serif;
+ color: #0ff4e9;
+ border: 2px solid #0ff4e9;
+ box-shadow: 0 0 5px #0ff4e9,inset 0 0 5px #0ff4e9;
+ background-color: black;
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/components/displayComponents/Button.tsx b/src/components/displayComponents/Button.tsx
new file mode 100644
index 0000000..45303eb
--- /dev/null
+++ b/src/components/displayComponents/Button.tsx
@@ -0,0 +1,34 @@
+import { Button } from "antd";
+
+import { ReactComponent as MetamaskIcon } from "../../assets/header/metamask.svg";
+
+export const DButton = (action: () => any, text: string) => {
+ return (
+
+ );
+};
diff --git a/src/components/displayComponents/DisplayTxStatus.tsx b/src/components/displayComponents/DisplayTxStatus.tsx
new file mode 100644
index 0000000..ec6e07f
--- /dev/null
+++ b/src/components/displayComponents/DisplayTxStatus.tsx
@@ -0,0 +1,43 @@
+import { ChainId, TxStatus } from "../../types/types";
+
+export const DisplayTxStatus = (txStatus: TxStatus, chainId: ChainId) => {
+ const textColor =
+ txStatus.status === "Waiting for signature" ||
+ txStatus.status === "Tx Sent, Waiting For confirmation..."
+ ? "orange"
+ : txStatus.status === "Success: Tx Confirmed"
+ ? "green"
+ : "red";
+ return (
+ <>
+ {
+
+
+
+ {`Price: ${
+ Number(price) / Number(ONE_USDC_UNIT)
+ } USDC/Dowgo`}
+
+ {contractAddresses ? contractAddresses.dowgoAddress : "Loading"}
+
+
+ {`Dowgo Total Supply :
+ ${Number(totalSupply) / Number(ONE_DOWGO_UNIT)} DWG = ${(
+ (Number(totalSupply) * Number(price)) /
+ Number(ONE_DOWGO_UNIT) /
+ Number(ONE_USDC_UNIT)
+ ).toFixed(2)} USD`}
+
+
+ {`Max Buy/Sell Amount : Total Supply * Target Ratio (${
+ Number(targetRatio) / 10 ** 2
+ }%) * Collateral Range (${Number(collRange) / 10 ** 2}%) = ${
+ Number(
+ totalSupply
+ .mul(targetRatio)
+ .mul(collRange)
+ .div(10 ** 8)
+ ) / Number(ONE_DOWGO_UNIT)
+ } DWG`}
+
+
+ {`User USDC Balance on the Contract : ${(
+ Number(usdcBalanceOnContract) / Number(ONE_USDC_UNIT)
+ ).toFixed(2)} USDC`}
+
+ + Withdraw USDC from Contract +
+
+ {WithdrawComponent(
+ provider,
+ chainId,
+ usdcBalanceOnContract,
+ updateContractInfo,
+ contractAddresses
+ )}
+
+
+ +
+ {txStatus.status}
+
+ }
+ {txStatus.message && (
+
+ {txStatus.status === "Success: Tx Confirmed" ? (
+
+ Etherscan
+
+ ) : (
+ txStatus.message
+ )}
+
+ )}
+
+ );
+};
diff --git a/src/components/home-fund/home-fund.component.tsx b/src/components/home-fund/home-fund.component.tsx
new file mode 100644
index 0000000..180ae0e
--- /dev/null
+++ b/src/components/home-fund/home-fund.component.tsx
@@ -0,0 +1,43 @@
+//@ts-ignore
+import React from "react";
+import { Table } from "antd";
+
+//funds table objects
+import columnsFund from "../../objects/dowgo-funds/fund-columns";
+import dataFund from "../../objects/dowgo-funds/fund-data";
+import columnsStock from "../../objects/dowgo-stocks/stocks-columns/stocks-columns";
+import dataAlphaStocks from "../../objects/dowgo-stocks/alpha/alpha-stocks";
+
+import "./home-fund.styles.scss";
+
+const HomeFund = () => {
+ const expandedRowRender = () => {
+ return (
+
+
+
+ );
+};
+
+export default HomeFund;
diff --git a/src/components/home-fund/home-fund.styles.scss b/src/components/home-fund/home-fund.styles.scss
new file mode 100644
index 0000000..a5d5190
--- /dev/null
+++ b/src/components/home-fund/home-fund.styles.scss
@@ -0,0 +1,69 @@
+.home-fund-container {
+ width: 100%;
+ display: block;
+ text-align: left;
+}
+
+.home-fund-title {
+ font-family: "Inter", sans-serif;
+ font-size: 30px;
+ color: #0ff4e9;
+ margin-bottom: 20px;
+ font-weight: 600;
+ letter-spacing: 3px;
+}
+
+.collapse-container {
+ width: 100%;
+ display: flex;
+ justify-content: flex-start;
+}
+
+.home-fund-collapse {
+ width: 100%;
+}
+
+.ant-collapse {
+ border-radius: 5px;
+}
+
+.home-fund-alpha-icon {
+ height: 30px;
+ width: auto;
+ position: relative;
+}
+
+.ant-table-thead > tr:nth-of-type(1) > th {
+ background-color: rgb(0, 0, 0, 0.9);
+ color: #0ff4e9;
+ font-size: 15px;
+ font-weight: 600;
+ font-family: "Inter", sans-serif;
+}
+
+.ant-table-expanded-row {
+ .ant-table {
+ width: 80%;
+ }
+
+ .ant-table-thead > tr > th {
+ background: rgb(0, 0, 0, 0.6);
+ font-size: 13px;
+ font-weight: 300;
+ font-family: "Inter", sans-serif;
+ color: white;
+ }
+
+ .ant-table-tbody > tr > td {
+ background: #fff;
+ }
+}
+
+.ant-badge {
+ margin-right: 10px;
+
+ .ant-badge-status-dot {
+ width: 9px;
+ height: 9px;
+ }
+}
diff --git a/src/components/home-metrics/home-metrics.component.tsx b/src/components/home-metrics/home-metrics.component.tsx
new file mode 100644
index 0000000..fd63908
--- /dev/null
+++ b/src/components/home-metrics/home-metrics.component.tsx
@@ -0,0 +1,113 @@
+//@ts-ignore
+import React from "react";
+import { Card, Col, Row, Button } from "antd";
+import { Link } from 'react-router-dom';
+
+//icon assets import
+import { ReactComponent as AssetIcon } from "../../assets/metrics-banner/asset-icon.svg";
+import { ReactComponent as VolumeIcon } from "../../assets/metrics-banner/volume-icon.svg";
+import { ReactComponent as IndexIcon } from "../../assets/metrics-banner/index-icon.svg";
+
+import DanimerLogo from '../../assets/metrics-banner/danimer-logo.png';
+import JohnsonLogo from '../../assets/metrics-banner/johnson-logo.png';
+import BadgerLogo from '../../assets/metrics-banner/badger-logo.png';
+
+
+
+import "./home-metrics.styles.scss";
+
+const HomeMetrics = () => {
+ return (
+ DISCOVER DOWGO FUNDS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default HomeMetrics;
diff --git a/src/components/home-metrics/home-metrics.styles.scss b/src/components/home-metrics/home-metrics.styles.scss
new file mode 100644
index 0000000..4241b35
--- /dev/null
+++ b/src/components/home-metrics/home-metrics.styles.scss
@@ -0,0 +1,117 @@
+.metrics-card-container {
+ width: 100%;
+ .ant-card {
+ border-radius: 7px !important;
+ background-color: black !important;
+ }
+
+ .ant-card-head {
+ border-bottom: 0px !important;
+ padding: 0px 10px 0 10px !important;
+ min-height: 30px !important;
+ }
+
+ .ant-card-head-title {
+ text-align: left;
+ font-size: 15px;
+ margin-top: -5px;
+ color: #0ff4e9;
+ padding-bottom: 5px;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-weight: 300;
+ }
+
+ .metrics-card {
+ border-radius: 7px;
+ box-shadow: 0 0 5px #0ff4e9, inset 0 0 5px #0ff4e9;
+ border: 2px solid #0ff4e9;
+ background: black;
+ height: 200px;
+ }
+
+ .ant-card-body {
+ padding: 30px 10px 20px 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .metrics-card-body-wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .metrics-icon {
+ height: 70px;
+ justify-content: flex-start;
+ align-items: center;
+ }
+
+ .metrics-card-balance {
+ color: white;
+ font-size: 35px;
+ align-items: center;
+ margin-left: 10px;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-weight: 600;
+ margin-top: 5px;
+ }
+
+ .metrics-body-danimer {
+ display: block;
+ }
+
+ .metrics-holding-logo {
+ height: 50px;
+ width: auto;
+ margin: 0 auto 5px auto;
+ }
+
+ .metrics-holding-title {
+ color: white;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-size: 15px;
+ }
+
+ .metrics-button-funds {
+ background-color: transparent;
+ color: #0ff4e9;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-size: 15px;
+ border: none;
+ margin-top: -60px;
+ position: absolute;
+ margin-left: 70px;
+ font-weight: 400;
+
+ .metrics-link-dowgo-funds {
+ border-bottom: 2px solid #0ff4e9;
+ }
+
+ }
+
+ .metrics-button-funds:hover {
+ background-color: transparent;
+ color: #0ff4e9;
+ letter-spacing: 1px;
+ font-family: "Inter", sans-serif;
+ font-size: 15px;
+ border: none;
+ margin-top: -60px;
+ position: absolute;
+ margin-left: 70px;
+ font-weight: 400;
+
+ .metrics-link-dowgo-funds {
+ border-bottom: 2px solid #0ff4e9;
+ }
+
+ }
+}
+
+
diff --git a/src/constants/DowgoERC20ABI.ts b/src/constants/DowgoERC20ABI.ts
new file mode 100644
index 0000000..2f605c7
--- /dev/null
+++ b/src/constants/DowgoERC20ABI.ts
@@ -0,0 +1,828 @@
+export const DowgoERC20ABI = [
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "_initialPrice",
+ type: "uint256",
+ },
+ {
+ internalType: "uint256",
+ name: "_targetRatio",
+ type: "uint256",
+ },
+ {
+ internalType: "uint256",
+ name: "_collRange",
+ type: "uint256",
+ },
+ {
+ internalType: "address",
+ name: "usdcTokenEthAddress",
+ type: "address",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "constructor",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "owner",
+ type: "address",
+ },
+ {
+ indexed: true,
+ internalType: "address",
+ name: "spender",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "value",
+ type: "uint256",
+ },
+ ],
+ name: "Approval",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "buyer",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "dowgoAmount",
+ type: "uint256",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "usdcAmount",
+ type: "uint256",
+ },
+ ],
+ name: "BuyDowgo",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "user",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "PriceSet",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ indexed: true,
+ internalType: "bytes32",
+ name: "previousAdminRole",
+ type: "bytes32",
+ },
+ {
+ indexed: true,
+ internalType: "bytes32",
+ name: "newAdminRole",
+ type: "bytes32",
+ },
+ ],
+ name: "RoleAdminChanged",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ indexed: true,
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ {
+ indexed: true,
+ internalType: "address",
+ name: "sender",
+ type: "address",
+ },
+ ],
+ name: "RoleGranted",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ indexed: true,
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ {
+ indexed: true,
+ internalType: "address",
+ name: "sender",
+ type: "address",
+ },
+ ],
+ name: "RoleRevoked",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "seller",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "dowgoAmount",
+ type: "uint256",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "usdcAmount",
+ type: "uint256",
+ },
+ ],
+ name: "SellDowgo",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "from",
+ type: "address",
+ },
+ {
+ indexed: true,
+ internalType: "address",
+ name: "to",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "value",
+ type: "uint256",
+ },
+ ],
+ name: "Transfer",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "user",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "USDCSupplyDecreased",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "user",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "USDCSupplyIncreased",
+ type: "event",
+ },
+ {
+ anonymous: false,
+ inputs: [
+ {
+ indexed: true,
+ internalType: "address",
+ name: "user",
+ type: "address",
+ },
+ {
+ indexed: false,
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "WithdrawUSDC",
+ type: "event",
+ },
+ {
+ inputs: [],
+ name: "DEFAULT_ADMIN_ROLE",
+ outputs: [
+ {
+ internalType: "bytes32",
+ name: "",
+ type: "bytes32",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "dowgoAmount",
+ type: "uint256",
+ },
+ ],
+ name: "admin_buy_dowgo",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "owner",
+ type: "address",
+ },
+ {
+ internalType: "address",
+ name: "spender",
+ type: "address",
+ },
+ ],
+ name: "allowance",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "spender",
+ type: "address",
+ },
+ {
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "approve",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ ],
+ name: "balanceOf",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "dowgoAmount",
+ type: "uint256",
+ },
+ ],
+ name: "buy_dowgo",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "collRange",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "currentPrice",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "decimals",
+ outputs: [
+ {
+ internalType: "uint8",
+ name: "",
+ type: "uint8",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "spender",
+ type: "address",
+ },
+ {
+ internalType: "uint256",
+ name: "subtractedValue",
+ type: "uint256",
+ },
+ ],
+ name: "decreaseAllowance",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "usdcAmount",
+ type: "uint256",
+ },
+ ],
+ name: "decrease_usdc_supply",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ ],
+ name: "getRoleAdmin",
+ outputs: [
+ {
+ internalType: "bytes32",
+ name: "",
+ type: "bytes32",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "get_usdc_allowance",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ ],
+ name: "grantRole",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "newAdmin",
+ type: "address",
+ },
+ ],
+ name: "grant_admin",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ ],
+ name: "hasRole",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "spender",
+ type: "address",
+ },
+ {
+ internalType: "uint256",
+ name: "addedValue",
+ type: "uint256",
+ },
+ ],
+ name: "increaseAllowance",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "usdcAmount",
+ type: "uint256",
+ },
+ ],
+ name: "increase_usdc_supply",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "name",
+ outputs: [
+ {
+ internalType: "string",
+ name: "",
+ type: "string",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ ],
+ name: "renounceRole",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "bytes32",
+ name: "role",
+ type: "bytes32",
+ },
+ {
+ internalType: "address",
+ name: "account",
+ type: "address",
+ },
+ ],
+ name: "revokeRole",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "dowgoAmount",
+ type: "uint256",
+ },
+ ],
+ name: "sell_dowgo",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "newPrice",
+ type: "uint256",
+ },
+ ],
+ name: "set_current_price",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "bytes4",
+ name: "interfaceId",
+ type: "bytes4",
+ },
+ ],
+ name: "supportsInterface",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "symbol",
+ outputs: [
+ {
+ internalType: "string",
+ name: "",
+ type: "string",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "targetRatio",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "totalSupply",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [],
+ name: "totalUSDCSupply",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "to",
+ type: "address",
+ },
+ {
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "transfer",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "from",
+ type: "address",
+ },
+ {
+ internalType: "address",
+ name: "to",
+ type: "address",
+ },
+ {
+ internalType: "uint256",
+ name: "amount",
+ type: "uint256",
+ },
+ ],
+ name: "transferFrom",
+ outputs: [
+ {
+ internalType: "bool",
+ name: "",
+ type: "bool",
+ },
+ ],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "address",
+ name: "",
+ type: "address",
+ },
+ ],
+ name: "usdcUserBalances",
+ outputs: [
+ {
+ internalType: "uint256",
+ name: "",
+ type: "uint256",
+ },
+ ],
+ stateMutability: "view",
+ type: "function",
+ },
+ {
+ inputs: [
+ {
+ internalType: "uint256",
+ name: "usdcAmount",
+ type: "uint256",
+ },
+ ],
+ name: "withdraw_usdc",
+ outputs: [],
+ stateMutability: "nonpayable",
+ type: "function",
+ },
+];
diff --git a/src/constants/contractAddresses.ts b/src/constants/contractAddresses.ts
new file mode 100644
index 0000000..cb36890
--- /dev/null
+++ b/src/constants/contractAddresses.ts
@@ -0,0 +1,46 @@
+import axios from "axios";
+import { EthAddress, ChainId, ContractAddresses } from "../types/types";
+
+export const LOCAL_USDC_ADDRESS = "0x44d2B6D93945963CCB8f079f9103cdff666A28A4";
+export const LOCAL_DOWGO_ADDRESS = "0x510B2e7ea6EB6630D9c6598FFB3bF6Fcefd22016";
+
+export const DEFAULT_GOERLI_USDC_ADDRESS =
+ "0x2F6A277f7Ab32456E24958257ad223F4Ee999092";
+export const DEFAULT_GOERLI_DOWGO_ADDRESS =
+ "0x0efECc8031b551b68F793878cc99974D3bf82B1d";
+
+export const MAINNET_DOWGO_ADDRESS =
+ "0x2dcBa59f073b3A4D1E64BA502abF4CB2107EdE18";
+export const MAINNET_USDC_ADDRESS =
+ "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+
+export const getContractAddresses = async (
+ chainId: ChainId | undefined
+): Promise
+
+ 2,000,000
+
+
+
+
+
+
+ 
+
+
+ Danimer Scientific
+
+ 
+
+
+ Johnson Controls
+
+ 
+
+
+ Badger Meter
+
+
+ +14%
+
+
+ 82 / 100
+
+
+ Learn More
+
+
+ ),
+ },
+];
+
+export default columnsFund;
diff --git a/src/objects/dowgo-funds/fund-data.js b/src/objects/dowgo-funds/fund-data.js
new file mode 100644
index 0000000..99d7e6e
--- /dev/null
+++ b/src/objects/dowgo-funds/fund-data.js
@@ -0,0 +1,29 @@
+import { Badge } from "antd";
+const dataFund = [
+ {
+ key: "1",
+ fundName: "Dowgo Alpha Fund",
+ performance: "24%",
+ volume: "110k",
+ fundStatus: (
+
+
+
+ )
+}
+
+export default Funds;
diff --git a/src/pages/funds/funds.styles.scss b/src/pages/funds/funds.styles.scss
new file mode 100644
index 0000000..66a6660
--- /dev/null
+++ b/src/pages/funds/funds.styles.scss
@@ -0,0 +1,52 @@
+.funds-page-container {
+ background-color: black;
+ height: 200vh;
+ width: auto;
+ .funds-container {
+ width: auto;
+ background-color: rgb(89, 150, 191, 0.2);
+ margin: 120px 50px 0 50px;;
+ padding: 30px 30px;
+ border-radius: 15px;
+ height: auto;
+ display: flex;
+ z-index: 3;
+
+ .app-fund-left-container {
+ width: 90%;
+ }
+
+ .app-fund-right-container {
+ width: 10%;
+ }
+
+ .buy-sell-container-alpha {
+ display: flex;
+ justify-content: space-between;
+ padding: 125px 5px 0px 0px;
+ margin-left: 10px;
+ }
+
+ .buy-button-alpha {
+ width: 50px;
+ padding: 0;
+ font-family: "Inter", sans-serif;
+ font-weight: 300;
+ background-color: #0ff4e9;
+ border: 2px solid #0ff4e9;
+ }
+
+ .sell-button-alpha {
+ width: 50px;
+ padding: 0;
+ font-family: "Inter", sans-serif;
+ font-weight: 300;
+ background-color: red;
+ border: 2px solid red;
+ color: white;
+ }
+ }
+}
+
+
+
diff --git a/src/pages/home/home.styles.css b/src/pages/home/home.styles.css
new file mode 100644
index 0000000..d5258ba
--- /dev/null
+++ b/src/pages/home/home.styles.css
@@ -0,0 +1,37 @@
+.app-container {
+ text-align: center;
+}
+
+.app-video-container {
+ width: 100%;
+ display: flex;
+}
+
+.app-video-banner {
+ z-index: 1;
+ position: absolute;
+}
+
+.app-banner-container {
+ width: 100%;
+ z-index: 2;
+ position: absolute;
+ top: 20%;
+}
+
+/* .app-fund-container {
+ width: auto;
+ background-color: rgb(89, 150, 191, 0.2);
+ margin: 0 50px;
+ padding: 30px 30px;
+ border-radius: 15px;
+ height: auto;
+ display: flex;
+ position: absolute;
+ z-index: 3;
+} */
+
+
+.App-link {
+ color: #61dafb;
+}
diff --git a/src/pages/home/home.tsx b/src/pages/home/home.tsx
new file mode 100644
index 0000000..10d9931
--- /dev/null
+++ b/src/pages/home/home.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import AppCarousel from "../../components/Carousel/app-carousel.component";
+
+//@ts-ignore
+import VideoBanner from "../../assets/video-banner/video-banner.mp4";
+
+import './home.styles.css';
+
+function DowgoDApp() {
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default DowgoDApp;
diff --git a/src/pages/profile/profile.styles.scss b/src/pages/profile/profile.styles.scss
new file mode 100644
index 0000000..8882649
--- /dev/null
+++ b/src/pages/profile/profile.styles.scss
@@ -0,0 +1,35 @@
+.profile-page-container {
+ margin: 50px 30px;
+
+ .profile-balance-container {
+ width: auto;
+ background-color: rgb(89, 150, 191, 0.2);
+ margin: 0 50px;
+ padding: 30px 30px;
+ border-radius: 15px;
+ height: auto;
+ display: flex;
+ margin-top: 100px;
+
+ .balance-panel {
+ margin-top: 100px;
+ }
+
+ }
+
+ .profile-contract-container {
+ width: auto;
+ background-color: rgb(89, 150, 191, 0.2);
+ margin: 0 50px;
+ padding: 30px 30px;
+ border-radius: 15px;
+ height: auto;
+ display: flex;
+ margin-top: 50px;
+
+ }
+
+}
+
+
+
diff --git a/src/pages/profile/profile.tsx b/src/pages/profile/profile.tsx
new file mode 100644
index 0000000..cf7cb01
--- /dev/null
+++ b/src/pages/profile/profile.tsx
@@ -0,0 +1,81 @@
+import React, { useEffect } from "react";
+import { EthAddress, ChainId, ContractAddresses } from "../../types/types";
+import { BigNumber, providers } from "ethers";
+import DowgoContract from "../../components/DowgoView";
+import ApproveUSDC from "../../components/ApproveUSDC";
+import { BalancePanel } from "../../components/BalanceView";
+
+import { getContractAddresses } from "../../constants/contractAddresses";
+
+import './profile.styles.scss';
+
+function Profile() {
+
+ const [provider, setProvider] = React.useState<
+ providers.Web3Provider | undefined
+ >(undefined);
+ const [chainId, setChainId] = React.useState
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Profile;
diff --git a/src/types/DowgoERC20.d.ts b/src/types/DowgoERC20.d.ts
new file mode 100644
index 0000000..3fdb76f
--- /dev/null
+++ b/src/types/DowgoERC20.d.ts
@@ -0,0 +1,1270 @@
+/* Autogenerated file. Do not edit manually. */
+/* tslint:disable */
+/* eslint-disable */
+
+import {
+ ethers,
+ EventFilter,
+ Signer,
+ BigNumber,
+ BigNumberish,
+ PopulatedTransaction,
+ BaseContract,
+ ContractTransaction,
+ Overrides,
+ CallOverrides,
+} from "ethers";
+import { BytesLike } from "@ethersproject/bytes";
+import { Listener, Provider } from "@ethersproject/providers";
+import { FunctionFragment, EventFragment, Result } from "@ethersproject/abi";
+import type { TypedEventFilter, TypedEvent, TypedListener } from "./common";
+
+interface DowgoERC20Interface extends ethers.utils.Interface {
+ functions: {
+ "DEFAULT_ADMIN_ROLE()": FunctionFragment;
+ "admin_buy_dowgo(uint256)": FunctionFragment;
+ "allowance(address,address)": FunctionFragment;
+ "approve(address,uint256)": FunctionFragment;
+ "balanceOf(address)": FunctionFragment;
+ "buy_dowgo(uint256)": FunctionFragment;
+ "collRange()": FunctionFragment;
+ "currentPrice()": FunctionFragment;
+ "decimals()": FunctionFragment;
+ "decreaseAllowance(address,uint256)": FunctionFragment;
+ "decrease_usdc_supply(uint256)": FunctionFragment;
+ "getRoleAdmin(bytes32)": FunctionFragment;
+ "get_usdc_allowance()": FunctionFragment;
+ "grantRole(bytes32,address)": FunctionFragment;
+ "grant_admin(address)": FunctionFragment;
+ "hasRole(bytes32,address)": FunctionFragment;
+ "increaseAllowance(address,uint256)": FunctionFragment;
+ "increase_usdc_supply(uint256)": FunctionFragment;
+ "name()": FunctionFragment;
+ "renounceRole(bytes32,address)": FunctionFragment;
+ "revokeRole(bytes32,address)": FunctionFragment;
+ "sell_dowgo(uint256)": FunctionFragment;
+ "set_current_price(uint256)": FunctionFragment;
+ "supportsInterface(bytes4)": FunctionFragment;
+ "symbol()": FunctionFragment;
+ "targetRatio()": FunctionFragment;
+ "totalSupply()": FunctionFragment;
+ "totalUSDCSupply()": FunctionFragment;
+ "transfer(address,uint256)": FunctionFragment;
+ "transferFrom(address,address,uint256)": FunctionFragment;
+ "usdcUserBalances(address)": FunctionFragment;
+ "withdraw_usdc(uint256)": FunctionFragment;
+ };
+
+ encodeFunctionData(
+ functionFragment: "DEFAULT_ADMIN_ROLE",
+ values?: undefined
+ ): string;
+ encodeFunctionData(
+ functionFragment: "admin_buy_dowgo",
+ values: [BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "allowance",
+ values: [string, string]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "approve",
+ values: [string, BigNumberish]
+ ): string;
+ encodeFunctionData(functionFragment: "balanceOf", values: [string]): string;
+ encodeFunctionData(
+ functionFragment: "buy_dowgo",
+ values: [BigNumberish]
+ ): string;
+ encodeFunctionData(functionFragment: "collRange", values?: undefined): string;
+ encodeFunctionData(
+ functionFragment: "currentPrice",
+ values?: undefined
+ ): string;
+ encodeFunctionData(functionFragment: "decimals", values?: undefined): string;
+ encodeFunctionData(
+ functionFragment: "decreaseAllowance",
+ values: [string, BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "decrease_usdc_supply",
+ values: [BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "getRoleAdmin",
+ values: [BytesLike]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "get_usdc_allowance",
+ values?: undefined
+ ): string;
+ encodeFunctionData(
+ functionFragment: "grantRole",
+ values: [BytesLike, string]
+ ): string;
+ encodeFunctionData(functionFragment: "grant_admin", values: [string]): string;
+ encodeFunctionData(
+ functionFragment: "hasRole",
+ values: [BytesLike, string]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "increaseAllowance",
+ values: [string, BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "increase_usdc_supply",
+ values: [BigNumberish]
+ ): string;
+ encodeFunctionData(functionFragment: "name", values?: undefined): string;
+ encodeFunctionData(
+ functionFragment: "renounceRole",
+ values: [BytesLike, string]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "revokeRole",
+ values: [BytesLike, string]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "sell_dowgo",
+ values: [BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "set_current_price",
+ values: [BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "supportsInterface",
+ values: [BytesLike]
+ ): string;
+ encodeFunctionData(functionFragment: "symbol", values?: undefined): string;
+ encodeFunctionData(
+ functionFragment: "targetRatio",
+ values?: undefined
+ ): string;
+ encodeFunctionData(
+ functionFragment: "totalSupply",
+ values?: undefined
+ ): string;
+ encodeFunctionData(
+ functionFragment: "totalUSDCSupply",
+ values?: undefined
+ ): string;
+ encodeFunctionData(
+ functionFragment: "transfer",
+ values: [string, BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "transferFrom",
+ values: [string, string, BigNumberish]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "usdcUserBalances",
+ values: [string]
+ ): string;
+ encodeFunctionData(
+ functionFragment: "withdraw_usdc",
+ values: [BigNumberish]
+ ): string;
+
+ decodeFunctionResult(
+ functionFragment: "DEFAULT_ADMIN_ROLE",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "admin_buy_dowgo",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "allowance", data: BytesLike): Result;
+ decodeFunctionResult(functionFragment: "approve", data: BytesLike): Result;
+ decodeFunctionResult(functionFragment: "balanceOf", data: BytesLike): Result;
+ decodeFunctionResult(functionFragment: "buy_dowgo", data: BytesLike): Result;
+ decodeFunctionResult(functionFragment: "collRange", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "currentPrice",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "decimals", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "decreaseAllowance",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "decrease_usdc_supply",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "getRoleAdmin",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "get_usdc_allowance",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "grantRole", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "grant_admin",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "hasRole", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "increaseAllowance",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "increase_usdc_supply",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "name", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "renounceRole",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "revokeRole", data: BytesLike): Result;
+ decodeFunctionResult(functionFragment: "sell_dowgo", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "set_current_price",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "supportsInterface",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "symbol", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "targetRatio",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "totalSupply",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "totalUSDCSupply",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(functionFragment: "transfer", data: BytesLike): Result;
+ decodeFunctionResult(
+ functionFragment: "transferFrom",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "usdcUserBalances",
+ data: BytesLike
+ ): Result;
+ decodeFunctionResult(
+ functionFragment: "withdraw_usdc",
+ data: BytesLike
+ ): Result;
+
+ events: {
+ "Approval(address,address,uint256)": EventFragment;
+ "BuyDowgo(address,uint256,uint256)": EventFragment;
+ "PriceSet(address,uint256)": EventFragment;
+ "RoleAdminChanged(bytes32,bytes32,bytes32)": EventFragment;
+ "RoleGranted(bytes32,address,address)": EventFragment;
+ "RoleRevoked(bytes32,address,address)": EventFragment;
+ "SellDowgo(address,uint256,uint256)": EventFragment;
+ "Transfer(address,address,uint256)": EventFragment;
+ "USDCSupplyDecreased(address,uint256)": EventFragment;
+ "USDCSupplyIncreased(address,uint256)": EventFragment;
+ "WithdrawUSDC(address,uint256)": EventFragment;
+ };
+
+ getEvent(nameOrSignatureOrTopic: "Approval"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "BuyDowgo"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "PriceSet"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "RoleAdminChanged"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "RoleGranted"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "RoleRevoked"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "SellDowgo"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "Transfer"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "USDCSupplyDecreased"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "USDCSupplyIncreased"): EventFragment;
+ getEvent(nameOrSignatureOrTopic: "WithdrawUSDC"): EventFragment;
+}
+
+export type ApprovalEvent = TypedEvent<
+ [string, string, BigNumber] & {
+ owner: string;
+ spender: string;
+ value: BigNumber;
+ }
+>;
+
+export type BuyDowgoEvent = TypedEvent<
+ [string, BigNumber, BigNumber] & {
+ buyer: string;
+ dowgoAmount: BigNumber;
+ usdcAmount: BigNumber;
+ }
+>;
+
+export type PriceSetEvent = TypedEvent<
+ [string, BigNumber] & { user: string; amount: BigNumber }
+>;
+
+export type RoleAdminChangedEvent = TypedEvent<
+ [string, string, string] & {
+ role: string;
+ previousAdminRole: string;
+ newAdminRole: string;
+ }
+>;
+
+export type RoleGrantedEvent = TypedEvent<
+ [string, string, string] & { role: string; account: string; sender: string }
+>;
+
+export type RoleRevokedEvent = TypedEvent<
+ [string, string, string] & { role: string; account: string; sender: string }
+>;
+
+export type SellDowgoEvent = TypedEvent<
+ [string, BigNumber, BigNumber] & {
+ seller: string;
+ dowgoAmount: BigNumber;
+ usdcAmount: BigNumber;
+ }
+>;
+
+export type TransferEvent = TypedEvent<
+ [string, string, BigNumber] & { from: string; to: string; value: BigNumber }
+>;
+
+export type USDCSupplyDecreasedEvent = TypedEvent<
+ [string, BigNumber] & { user: string; amount: BigNumber }
+>;
+
+export type USDCSupplyIncreasedEvent = TypedEvent<
+ [string, BigNumber] & { user: string; amount: BigNumber }
+>;
+
+export type WithdrawUSDCEvent = TypedEvent<
+ [string, BigNumber] & { user: string; amount: BigNumber }
+>;
+
+export class DowgoERC20 extends BaseContract {
+ connect(signerOrProvider: Signer | Provider | string): this;
+ attach(addressOrName: string): this;
+ deployed(): Promise
+ {BalancePanel(dowgoBalance, usdcBalance, price)}
+
+
+ {DowgoContract(
+ provider,
+ currentAccount,
+ allowance,
+ usdcBalance,
+ setUSDCBalance,
+ dowgoBalance,
+ setDowgoBalance,
+ setDisplayModal,
+ chainId,
+ price,
+ setPrice,
+ contractAddresses
+ )}
+
+ {ApproveUSDC( + provider, + chainId, + currentAccount, + allowance, + setAllowance, + displayModal, + setDisplayModal, + contractAddresses + )} +
+ + {ApproveUSDC( + provider, + chainId, + currentAccount, + allowance, + setAllowance, + displayModal, + setDisplayModal, + contractAddresses + )} +