-
- {ConnectMetaMask(
- provider,
- setProvider,
- currentAccount,
- setCurrentAccount
- )}
- {DaiBalance(
- provider,
- currentAccount
- )}
-
+ ,
+ state: AppState
+) {
+ let addresses = await fetchContractAddresses(state.chainId);
+ dispatch({
+ type: "setContractAddresses",
+ value: addresses,
+ });
+}
diff --git a/src/actions/api/fetchAndSaveStockPortfolio.ts b/src/actions/api/fetchAndSaveStockPortfolio.ts
new file mode 100644
index 0000000..129cba4
--- /dev/null
+++ b/src/actions/api/fetchAndSaveStockPortfolio.ts
@@ -0,0 +1,14 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../context/AppContext";
+import { fetchStockPortfolio } from "../../calls/api/fetchStockPortfolio";
+
+export async function fetchAndSaveStockPortfolio(
+ dispatch: Dispatch
+) {
+ let stockInfos = await fetchStockPortfolio();
+
+ dispatch({
+ type: "setStockPortfolio",
+ value: stockInfos,
+ });
+}
diff --git a/src/actions/api/whitelistUser.ts b/src/actions/api/whitelistUser.ts
new file mode 100644
index 0000000..b1fa620
--- /dev/null
+++ b/src/actions/api/whitelistUser.ts
@@ -0,0 +1,16 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../context/AppContext";
+import { fetchStockPortfolio } from "../../calls/api/fetchStockPortfolio";
+import { whitelistUser } from "../../calls/api/whitelistUser";
+import { fetchAndSaveWhitelistedStatus } from "../contracts/dowgoContract/fetchAndSaveWhitelistedStatus";
+
+export async function whitelistUserAndRefresh(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ let resp = await whitelistUser(state.currentAccount);
+
+ await new Promise((res) => setTimeout(res, 60000));
+
+ await fetchAndSaveWhitelistedStatus(dispatch, state);
+}
diff --git a/src/actions/contracts/dowgoContract/buyDowgoAndUpdate.ts b/src/actions/contracts/dowgoContract/buyDowgoAndUpdate.ts
new file mode 100644
index 0000000..c2d2ea4
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/buyDowgoAndUpdate.ts
@@ -0,0 +1,26 @@
+import { AppAction, AppState } from "../../../context/AppContext";
+
+import { Dispatch } from "react";
+import { fetchAndSaveUserUSDBalanceOnDowgo } from "./fetchAndSaveUserUSDBalanceOnDowgo";
+import { buyDowgo } from "../../../calls/contract/dowgoContract/buyDowgo";
+import { fetchAndSaveContractInformations } from "../fetchAndSaveContractInformations";
+import { NotificationInstance } from "antd/lib/notification";
+
+export const buyDowgoAndUpdate = async (
+ dispatch: Dispatch,
+ state: AppState,
+ buyAmount: number,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ await buyDowgo(
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ buyAmount,
+ notificationApi
+ );
+ await fetchAndSaveContractInformations(dispatch, state);
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/actions/contracts/dowgoContract/fetchAndSaveCollRange.ts b/src/actions/contracts/dowgoContract/fetchAndSaveCollRange.ts
new file mode 100644
index 0000000..507f995
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSaveCollRange.ts
@@ -0,0 +1,19 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchTargetRatio } from "../../../calls/contract/dowgoContract/fetchTargetRatio";
+
+export async function fetchAndSaveCollRange(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ if (state.contractAddresses) {
+ const collRange = await fetchTargetRatio(
+ state.contractAddresses.dowgoAddress,
+ state.provider
+ );
+ dispatch({
+ type: "setCollRange",
+ value: collRange,
+ });
+ }
+}
diff --git a/src/actions/contracts/dowgoContract/fetchAndSavePrice.ts b/src/actions/contracts/dowgoContract/fetchAndSavePrice.ts
new file mode 100644
index 0000000..2cb88f5
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSavePrice.ts
@@ -0,0 +1,17 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchPrice } from "../../../calls/contract/dowgoContract/fetchPrice";
+
+export async function fetchAndSavePrice(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const price = await fetchPrice(
+ state.contractAddresses.dowgoAddress,
+ state.provider
+ );
+ dispatch({
+ type: "setPrice",
+ value: price,
+ });
+}
diff --git a/src/actions/contracts/dowgoContract/fetchAndSaveTargetRatio.ts b/src/actions/contracts/dowgoContract/fetchAndSaveTargetRatio.ts
new file mode 100644
index 0000000..f3c7576
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSaveTargetRatio.ts
@@ -0,0 +1,17 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchTargetRatio } from "../../../calls/contract/dowgoContract/fetchTargetRatio";
+
+export async function fetchAndSaveTargetRatio(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const targetRatio = await fetchTargetRatio(
+ state.contractAddresses.dowgoAddress,
+ state.provider
+ );
+ dispatch({
+ type: "setTargetRatio",
+ value: targetRatio,
+ });
+}
diff --git a/src/actions/contracts/dowgoContract/fetchAndSaveTotalSupply.ts b/src/actions/contracts/dowgoContract/fetchAndSaveTotalSupply.ts
new file mode 100644
index 0000000..6872510
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSaveTotalSupply.ts
@@ -0,0 +1,17 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchTotalSupply } from "../../../calls/contract/dowgoContract/fetchTotalSupply";
+
+export async function fetchAndSaveTotalSupply(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const totalSupply = await fetchTotalSupply(
+ state.contractAddresses.dowgoAddress,
+ state.provider
+ );
+ dispatch({
+ type: "setTotalSupply",
+ value: totalSupply,
+ });
+}
diff --git a/src/actions/contracts/dowgoContract/fetchAndSaveUserDowgoBalance.ts b/src/actions/contracts/dowgoContract/fetchAndSaveUserDowgoBalance.ts
new file mode 100644
index 0000000..4e0da17
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSaveUserDowgoBalance.ts
@@ -0,0 +1,18 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchUserDowgoBalance } from "../../../calls/contract/dowgoContract/fetchUserDowgoBalance";
+
+export async function fetchAndSaveUserDowgoBalance(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const balance = await fetchUserDowgoBalance(
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ state.currentAccount
+ );
+ dispatch({
+ type: "setUserDowgoBalance",
+ value: balance,
+ });
+}
diff --git a/src/actions/contracts/dowgoContract/fetchAndSaveUserUSDBalanceOnDowgo.ts b/src/actions/contracts/dowgoContract/fetchAndSaveUserUSDBalanceOnDowgo.ts
new file mode 100644
index 0000000..17c8ae8
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSaveUserUSDBalanceOnDowgo.ts
@@ -0,0 +1,18 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchUserUSDBalanceOnDowgo } from "../../../calls/contract/dowgoContract/fetchUserUSDBalanceOnDowgo";
+
+export async function fetchAndSaveUserUSDBalanceOnDowgo(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const balance = await fetchUserUSDBalanceOnDowgo(
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ state.currentAccount
+ );
+ dispatch({
+ type: "setUserUSDBalanceOnDowgo",
+ value: balance,
+ });
+}
diff --git a/src/actions/contracts/dowgoContract/fetchAndSaveWhitelistedStatus.ts b/src/actions/contracts/dowgoContract/fetchAndSaveWhitelistedStatus.ts
new file mode 100644
index 0000000..2d61ad9
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/fetchAndSaveWhitelistedStatus.ts
@@ -0,0 +1,19 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchWhitelistedStatus } from "../../../calls/contract/dowgoContract/fetchWhitelistedStatus";
+
+export async function fetchAndSaveWhitelistedStatus(
+ dispatch: Dispatch,
+ state: AppState
+): Promise {
+ const isWhitelisted = await fetchWhitelistedStatus(
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ state.currentAccount
+ );
+ dispatch({
+ type: "setWhitelistedStatus",
+ value: isWhitelisted,
+ });
+ return isWhitelisted;
+}
diff --git a/src/actions/contracts/dowgoContract/sellDowgoAndUpdate.ts b/src/actions/contracts/dowgoContract/sellDowgoAndUpdate.ts
new file mode 100644
index 0000000..cabcc15
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/sellDowgoAndUpdate.ts
@@ -0,0 +1,27 @@
+import { AppAction, AppState } from "../../../context/AppContext";
+
+import { Dispatch } from "react";
+import { fetchAndSaveUserUSDBalanceOnDowgo } from "./fetchAndSaveUserUSDBalanceOnDowgo";
+import { buyDowgo } from "../../../calls/contract/dowgoContract/buyDowgo";
+import { fetchAndSaveContractInformations } from "../fetchAndSaveContractInformations";
+import { sellDowgo } from "../../../calls/contract/dowgoContract/sellDowgo";
+import { NotificationInstance } from "antd/lib/notification";
+
+export const sellDowgoAndUpdate = async (
+ dispatch: Dispatch,
+ state: AppState,
+ sellAmount: number,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ await sellDowgo(
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ sellAmount,
+ notificationApi
+ );
+ await fetchAndSaveContractInformations(dispatch, state);
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/actions/contracts/dowgoContract/withdrawUSDAndUpdate.ts b/src/actions/contracts/dowgoContract/withdrawUSDAndUpdate.ts
new file mode 100644
index 0000000..968e1b1
--- /dev/null
+++ b/src/actions/contracts/dowgoContract/withdrawUSDAndUpdate.ts
@@ -0,0 +1,25 @@
+import { AppAction, AppState } from "../../../context/AppContext";
+
+import { withdrawUSD } from "../../../calls/contract/dowgoContract/withdrawUSD";
+import { Dispatch } from "react";
+import { fetchAndSaveUserUSDBalanceOnDowgo } from "./fetchAndSaveUserUSDBalanceOnDowgo";
+import { NotificationInstance } from "antd/lib/notification";
+
+export const withdrawUSDAndUpdate = async (
+ dispatch: Dispatch,
+ state: AppState,
+ withdrawAmount: number,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ await withdrawUSD(
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ withdrawAmount,
+ notificationApi
+ );
+ await fetchAndSaveUserUSDBalanceOnDowgo(dispatch, state);
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/actions/contracts/fetchAndSaveContractInformations.ts b/src/actions/contracts/fetchAndSaveContractInformations.ts
new file mode 100644
index 0000000..9b23d51
--- /dev/null
+++ b/src/actions/contracts/fetchAndSaveContractInformations.ts
@@ -0,0 +1,37 @@
+import { Dispatch } from "react";
+import { fetchAndSaveCollRange } from "./dowgoContract/fetchAndSaveCollRange";
+import { fetchAndSaveTargetRatio } from "./dowgoContract/fetchAndSaveTargetRatio";
+import { fetchAndSavePrice } from "./dowgoContract/fetchAndSavePrice";
+import { fetchAndSaveTotalSupply } from "./dowgoContract/fetchAndSaveTotalSupply";
+import { fetchAndSaveUserDowgoBalance } from "./dowgoContract/fetchAndSaveUserDowgoBalance";
+import { fetchAndSaveUserUSDBalanceOnDowgo } from "./dowgoContract/fetchAndSaveUserUSDBalanceOnDowgo";
+import { fetchAndSaveUserUSDTBalance } from "./usdtContract/fetchAndSaveUserUSDTBalance";
+import { fetchAndSaveUserAllowance } from "./usdtContract/fetchAndSaveUserAllowance";
+import { AppAction, AppState } from "../../context/AppContext";
+import { fetchAndSaveWhitelistedStatus } from "./dowgoContract/fetchAndSaveWhitelistedStatus";
+
+export async function fetchAndSaveContractInformations(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ if (state.contractAddresses) {
+ // Update these informations just once, when the website is loaded
+ Number(state.collRange) === 0 &&
+ (await fetchAndSaveCollRange(dispatch, state));
+ Number(state.targetRatio) === 0 &&
+ (await fetchAndSaveTargetRatio(dispatch, state));
+ Number(state.price) === 0 && (await fetchAndSavePrice(dispatch, state));
+
+ // Check is user is whitelisted
+ const isWhitelisted = await fetchAndSaveWhitelistedStatus(dispatch, state);
+
+ // These informations need to be updated on every transaction
+ // Dowgo
+ isWhitelisted && (await fetchAndSaveUserDowgoBalance(dispatch, state));
+ isWhitelisted && (await fetchAndSaveUserUSDBalanceOnDowgo(dispatch, state));
+ await fetchAndSaveTotalSupply(dispatch, state);
+ // USDT
+ await fetchAndSaveUserUSDTBalance(dispatch, state);
+ await fetchAndSaveUserAllowance(dispatch, state);
+ }
+}
diff --git a/src/actions/contracts/usdtContract/approveUSDAndUpdate.ts b/src/actions/contracts/usdtContract/approveUSDAndUpdate.ts
new file mode 100644
index 0000000..2f5ade8
--- /dev/null
+++ b/src/actions/contracts/usdtContract/approveUSDAndUpdate.ts
@@ -0,0 +1,24 @@
+import { AppAction, AppState } from "../../../context/AppContext";
+
+import { Dispatch } from "react";
+import { approveUSD } from "../../../calls/contract/usdtContract/approveUSD";
+import { fetchAndSaveUserAllowance } from "./fetchAndSaveUserAllowance";
+import { NotificationInstance } from "antd/lib/notification";
+
+export const approveUSDAndUpdate = async (
+ dispatch: Dispatch,
+ state: AppState,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ await approveUSD(
+ state.contractAddresses.usdAddress,
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ notificationApi
+ );
+ await fetchAndSaveUserAllowance(dispatch, state);
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/actions/contracts/usdtContract/fetchAndSaveUserAllowance.ts b/src/actions/contracts/usdtContract/fetchAndSaveUserAllowance.ts
new file mode 100644
index 0000000..3f1b24d
--- /dev/null
+++ b/src/actions/contracts/usdtContract/fetchAndSaveUserAllowance.ts
@@ -0,0 +1,19 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchUserAllowance } from "../../../calls/contract/usdtContract/fetchUserAllowance";
+
+export async function fetchAndSaveUserAllowance(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const allowance = await fetchUserAllowance(
+ state.contractAddresses.usdAddress,
+ state.contractAddresses.dowgoAddress,
+ state.provider,
+ state.currentAccount
+ );
+ dispatch({
+ type: "setUserAllowance",
+ value: allowance,
+ });
+}
diff --git a/src/actions/contracts/usdtContract/fetchAndSaveUserUSDTBalance.ts b/src/actions/contracts/usdtContract/fetchAndSaveUserUSDTBalance.ts
new file mode 100644
index 0000000..5b0452f
--- /dev/null
+++ b/src/actions/contracts/usdtContract/fetchAndSaveUserUSDTBalance.ts
@@ -0,0 +1,18 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../../context/AppContext";
+import { fetchUserUSDTBalance } from "../../../calls/contract/usdtContract/fetchUserUSDTBalance";
+
+export async function fetchAndSaveUserUSDTBalance(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ const balance = await fetchUserUSDTBalance(
+ state.contractAddresses.usdAddress,
+ state.provider,
+ state.currentAccount
+ );
+ dispatch({
+ type: "setUserUSDTBalance",
+ value: balance,
+ });
+}
diff --git a/src/actions/metamask/fetchAndSaveAccount.ts b/src/actions/metamask/fetchAndSaveAccount.ts
new file mode 100644
index 0000000..42ca47c
--- /dev/null
+++ b/src/actions/metamask/fetchAndSaveAccount.ts
@@ -0,0 +1,32 @@
+import { MetaMaskInpageProvider } from "@metamask/providers";
+import { fetchAccounts } from "../../calls/metamask/fetchAccounts";
+import { EthAddress } from "../../types/types";
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../context/AppContext";
+import { fetchAndSaveContractInformations } from "../contracts/fetchAndSaveContractInformations";
+
+export async function fetchAndSaveAccount(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ // @ts-ignore
+ const ethereum = window.ethereum as MetaMaskInpageProvider;
+ const accounts = await fetchAccounts();
+ handleAccountsChanged(accounts);
+
+ ethereum.on("accountsChanged", handleAccountsChanged);
+
+ function handleAccountsChanged(accounts: unknown) {
+ let accountList: EthAddress[] = [];
+ if (accounts && (accounts as string[]).length) {
+ 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.");
+ dispatch({ type: "setNeedInstallMetaMask", value: true });
+ } else {
+ dispatch({ type: "setCurrentAccount", value: accountList[0] });
+ }
+ }
+}
diff --git a/src/actions/metamask/fetchAndSaveAccountAndChainId.ts b/src/actions/metamask/fetchAndSaveAccountAndChainId.ts
new file mode 100644
index 0000000..7a64450
--- /dev/null
+++ b/src/actions/metamask/fetchAndSaveAccountAndChainId.ts
@@ -0,0 +1,12 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../context/AppContext";
+import { fetchAndSaveChainId } from "./fetchAndSaveChainId";
+import { fetchAndSaveAccount } from "./fetchAndSaveAccount";
+
+export async function fetchAndSaveAccountAndChainId(
+ dispatch: Dispatch,
+ state: AppState
+) {
+ await fetchAndSaveAccount(dispatch, state);
+ await fetchAndSaveChainId(dispatch, state.chainId);
+}
diff --git a/src/actions/metamask/fetchAndSaveChainId.ts b/src/actions/metamask/fetchAndSaveChainId.ts
new file mode 100644
index 0000000..687e5e0
--- /dev/null
+++ b/src/actions/metamask/fetchAndSaveChainId.ts
@@ -0,0 +1,29 @@
+import { MetaMaskInpageProvider } from "@metamask/providers";
+import { fetchChainId } from "../../calls/metamask/fetchChainId";
+import { ChainId } from "../../types/types";
+import { Dispatch } from "react";
+import { AppAction } from "../../context/AppContext";
+
+export async function fetchAndSaveChainId(
+ dispatch: Dispatch,
+ formerChainId: ChainId | undefined
+) {
+ // @ts-ignore
+ const ethereum = window.ethereum as MetaMaskInpageProvider;
+ const chainIdUnknown = await fetchChainId();
+ handleChainChanged(chainIdUnknown);
+
+ ethereum.on("chainChanged", handleChainChanged);
+
+ function handleChainChanged(_chainId: unknown) {
+ // Only set it the first time
+ if (_chainId && formerChainId === undefined) {
+ dispatch({
+ type: "setChainId",
+ value: parseInt(_chainId as string, 16),
+ });
+ } else if (_chainId && _chainId !== formerChainId) {
+ window.location.reload();
+ }
+ }
+}
diff --git a/src/actions/metamask/fetchAndSaveProvider.ts b/src/actions/metamask/fetchAndSaveProvider.ts
new file mode 100644
index 0000000..e6a1c91
--- /dev/null
+++ b/src/actions/metamask/fetchAndSaveProvider.ts
@@ -0,0 +1,24 @@
+import { Dispatch } from "react";
+import { fetchMMProvider } from "../../calls/metamask/fetchMMProvider";
+import { ethers } from "ethers";
+import { AppAction } from "../../context/AppContext";
+
+export async function fetchAndSaveProvider(dispatch: Dispatch) {
+ // this returns the provider, or null if it wasn't detected
+ const _provider = await fetchMMProvider();
+
+ if (_provider) {
+ // If the provider returned by detectEthereumProvider is not the same as
+ // window.ethereum, something is overwriting it, perhaps another wallet.
+ // @ts-ignore
+ if (_provider !== window.ethereum) {
+ console.error("Do you have multiple wallets installed?");
+ }
+ // Access the decentralized web!
+ const provider = new ethers.providers.Web3Provider(_provider);
+ dispatch({ type: "setProvider", value: provider });
+ } else {
+ console.log("Please install MetaMask!");
+ dispatch({ type: "setNeedInstallMetaMask", value: true });
+ }
+}
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/font/soehne-breit-test-dreiviertelfett.woff b/src/assets/font/soehne-breit-test-dreiviertelfett.woff
new file mode 100644
index 0000000..648b3f1
Binary files /dev/null and b/src/assets/font/soehne-breit-test-dreiviertelfett.woff differ
diff --git a/src/assets/font/soehne-breit-test-halbfett.woff b/src/assets/font/soehne-breit-test-halbfett.woff
new file mode 100644
index 0000000..a1addde
Binary files /dev/null and b/src/assets/font/soehne-breit-test-halbfett.woff differ
diff --git a/src/assets/font/soehne-breit-test-kraftig.woff b/src/assets/font/soehne-breit-test-kraftig.woff
new file mode 100644
index 0000000..ed8bdd1
Binary files /dev/null and b/src/assets/font/soehne-breit-test-kraftig.woff differ
diff --git a/src/assets/font/soehne-breit-test-leicht.woff b/src/assets/font/soehne-breit-test-leicht.woff
new file mode 100644
index 0000000..cdd90a6
Binary files /dev/null and b/src/assets/font/soehne-breit-test-leicht.woff differ
diff --git a/src/assets/header/menuMobile/funds-icon.svg b/src/assets/header/menuMobile/funds-icon.svg
new file mode 100644
index 0000000..412bf3c
--- /dev/null
+++ b/src/assets/header/menuMobile/funds-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/menuMobile/invest-icon.svg b/src/assets/header/menuMobile/invest-icon.svg
new file mode 100644
index 0000000..3ddc7eb
--- /dev/null
+++ b/src/assets/header/menuMobile/invest-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/menuMobile/invest-token.svg b/src/assets/header/menuMobile/invest-token.svg
new file mode 100644
index 0000000..19b99d9
--- /dev/null
+++ b/src/assets/header/menuMobile/invest-token.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/menuMobile/myportfolio-icon.svg b/src/assets/header/menuMobile/myportfolio-icon.svg
new file mode 100644
index 0000000..f771511
--- /dev/null
+++ b/src/assets/header/menuMobile/myportfolio-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/menuMobile/withdraw-icon.svg b/src/assets/header/menuMobile/withdraw-icon.svg
new file mode 100644
index 0000000..1f5557f
--- /dev/null
+++ b/src/assets/header/menuMobile/withdraw-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/header/mobileMenuIcon.svg b/src/assets/header/mobileMenuIcon.svg
new file mode 100644
index 0000000..365cbae
--- /dev/null
+++ b/src/assets/header/mobileMenuIcon.svg
@@ -0,0 +1,44 @@
+
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/icons/arrow-down-icon.svg b/src/assets/icons/arrow-down-icon.svg
new file mode 100644
index 0000000..911a958
--- /dev/null
+++ b/src/assets/icons/arrow-down-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/arrow-right-icon.svg b/src/assets/icons/arrow-right-icon.svg
new file mode 100644
index 0000000..939b57c
--- /dev/null
+++ b/src/assets/icons/arrow-right-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/arrow-up-icon.svg b/src/assets/icons/arrow-up-icon.svg
new file mode 100644
index 0000000..911a958
--- /dev/null
+++ b/src/assets/icons/arrow-up-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/clock-icon.svg b/src/assets/icons/clock-icon.svg
new file mode 100644
index 0000000..ea3f5e5
--- /dev/null
+++ b/src/assets/icons/clock-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/copy-icon.svg b/src/assets/icons/copy-icon.svg
new file mode 100644
index 0000000..ff7cadf
--- /dev/null
+++ b/src/assets/icons/copy-icon.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/src/assets/icons/dowgo-logo.png b/src/assets/icons/dowgo-logo.png
new file mode 100644
index 0000000..5013d56
Binary files /dev/null and b/src/assets/icons/dowgo-logo.png differ
diff --git a/src/assets/icons/ethereum-icon.svg b/src/assets/icons/ethereum-icon.svg
new file mode 100644
index 0000000..30a7a86
--- /dev/null
+++ b/src/assets/icons/ethereum-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/icons/etherscan-icon.png b/src/assets/icons/etherscan-icon.png
new file mode 100644
index 0000000..7fc56c8
Binary files /dev/null and b/src/assets/icons/etherscan-icon.png differ
diff --git a/src/assets/icons/etherscan-logo-light.svg b/src/assets/icons/etherscan-logo-light.svg
new file mode 100644
index 0000000..289233d
--- /dev/null
+++ b/src/assets/icons/etherscan-logo-light.svg
@@ -0,0 +1,17 @@
+
diff --git a/src/assets/icons/help-circle-icon.svg b/src/assets/icons/help-circle-icon.svg
new file mode 100644
index 0000000..51fddd8
--- /dev/null
+++ b/src/assets/icons/help-circle-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/info-icon.svg b/src/assets/icons/info-icon.svg
new file mode 100644
index 0000000..a09fa5f
--- /dev/null
+++ b/src/assets/icons/info-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/log-out-icon.svg b/src/assets/icons/log-out-icon.svg
new file mode 100644
index 0000000..c9002c9
--- /dev/null
+++ b/src/assets/icons/log-out-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/metamask-icon.svg b/src/assets/icons/metamask-icon.svg
new file mode 100644
index 0000000..2371f19
--- /dev/null
+++ b/src/assets/icons/metamask-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/settings-icon.svg b/src/assets/icons/settings-icon.svg
new file mode 100644
index 0000000..19c2726
--- /dev/null
+++ b/src/assets/icons/settings-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/switch-icon.svg b/src/assets/icons/switch-icon.svg
new file mode 100644
index 0000000..0ee8516
--- /dev/null
+++ b/src/assets/icons/switch-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/usdt-logo.png b/src/assets/icons/usdt-logo.png
new file mode 100644
index 0000000..9fdefe5
Binary files /dev/null and b/src/assets/icons/usdt-logo.png differ
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/video-banner-h265.mp4 b/src/assets/video-banner/video-banner-h265.mp4
new file mode 100644
index 0000000..629be2d
Binary files /dev/null and b/src/assets/video-banner/video-banner-h265.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..5493224
Binary files /dev/null and b/src/assets/video-banner/video-banner.mp4 differ
diff --git a/src/assets/video-banner/video-without-logo.mp4 b/src/assets/video-banner/video-without-logo.mp4
new file mode 100644
index 0000000..a83f617
Binary files /dev/null and b/src/assets/video-banner/video-without-logo.mp4 differ
diff --git a/src/calls/api/fetchContractAddresses.ts b/src/calls/api/fetchContractAddresses.ts
new file mode 100644
index 0000000..5da459e
--- /dev/null
+++ b/src/calls/api/fetchContractAddresses.ts
@@ -0,0 +1,72 @@
+import { ChainId, ContractAddresses } from "../../types/types";
+import {
+ DEFAULT_GOERLI_DOWGO_ADDRESS,
+ DEFAULT_GOERLI_USDC_ADDRESS,
+ LOCAL_DOWGO_ADDRESS,
+ LOCAL_USDC_ADDRESS,
+ MAINNET_DOWGO_ADDRESS,
+ MAINNET_USDC_ADDRESS,
+} from "../../constants/contractAddresses";
+import axios from "axios";
+
+export const fetchContractAddresses = async (
+ chainId: ChainId
+): Promise => {
+ try {
+ const addresses = await getContractAddresses(chainId);
+
+ return addresses;
+ } catch (error) {
+ console.error(error);
+ }
+};
+
+const getContractAddresses = async (
+ chainId: ChainId
+): Promise => {
+ switch (chainId) {
+ case 1: //Mainnet
+ return {
+ usdAddress: MAINNET_USDC_ADDRESS,
+ dowgoAddress: MAINNET_DOWGO_ADDRESS,
+ };
+ case 5: //Goerli
+ const respGoerli = (
+ await axios.get(
+ "https://211thuucd8.execute-api.eu-west-3.amazonaws.com/latestDeployment/goerli"
+ )
+ ).data;
+ return respGoerli
+ ? {
+ usdAddress: respGoerli.mockUSDAddress,
+ dowgoAddress: respGoerli.dowgoAddress,
+ }
+ : {
+ usdAddress: DEFAULT_GOERLI_USDC_ADDRESS,
+ dowgoAddress: DEFAULT_GOERLI_DOWGO_ADDRESS,
+ };
+ case 11155111: //Sepolia
+ const respSepolia = (
+ await axios.get(
+ "https://211thuucd8.execute-api.eu-west-3.amazonaws.com/latestDeployment/sepolia"
+ )
+ ).data;
+ return respSepolia
+ ? {
+ usdAddress: respSepolia.mockUSDAddress,
+ dowgoAddress: respSepolia.dowgoAddress,
+ }
+ : {
+ usdAddress: DEFAULT_GOERLI_USDC_ADDRESS,
+ dowgoAddress: DEFAULT_GOERLI_DOWGO_ADDRESS,
+ };
+ default:
+ console.log(
+ `UNKOWN Network (getDowgoEthAddress), defaulting to localhost:8545`
+ );
+ return {
+ usdAddress: LOCAL_USDC_ADDRESS,
+ dowgoAddress: LOCAL_DOWGO_ADDRESS,
+ };
+ }
+};
diff --git a/src/calls/api/fetchStockPortfolio.ts b/src/calls/api/fetchStockPortfolio.ts
new file mode 100644
index 0000000..09a26ba
--- /dev/null
+++ b/src/calls/api/fetchStockPortfolio.ts
@@ -0,0 +1,15 @@
+import axios from "axios";
+import { StockInformation } from "../../types/stockTypes";
+
+export const fetchStockPortfolio = async (): Promise => {
+ try {
+ const resp = (
+ await axios.get(
+ "https://211thuucd8.execute-api.eu-west-3.amazonaws.com/portfolioInfo"
+ )
+ ).data;
+ return resp as StockInformation[];
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/api/whitelistUser.ts b/src/calls/api/whitelistUser.ts
new file mode 100644
index 0000000..983f3ce
--- /dev/null
+++ b/src/calls/api/whitelistUser.ts
@@ -0,0 +1,15 @@
+import axios from "axios";
+import { EthAddress } from "../../types/types";
+
+export const whitelistUser = async (userAddress: EthAddress): Promise => {
+ try {
+ const resp = await axios.post(
+ `https://211thuucd8.execute-api.eu-west-3.amazonaws.com/whitelistUserSepolia/${userAddress}`
+ ); //.data;
+ console.log("resp", resp);
+ return resp;
+ } catch (error) {
+ console.log("Error during whitelist user");
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/buyDowgo.ts b/src/calls/contract/dowgoContract/buyDowgo.ts
new file mode 100644
index 0000000..2317926
--- /dev/null
+++ b/src/calls/contract/dowgoContract/buyDowgo.ts
@@ -0,0 +1,41 @@
+import { EthAddress, TxStatus } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../../constants";
+import { notification } from "antd";
+import { NotificationInstance } from "antd/lib/notification";
+import { openErrorNotification, openNotification } from "../notificationUtils";
+
+export const buyDowgo = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Web3Provider,
+ buyAmount: number,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+
+ const tx = await contract
+ .connect(provider.getSigner())
+ .buy_dowgo(
+ BigNumber.from(
+ Math.floor(buyAmount * Number(ONE_DOWGO_UNIT)).toString()
+ )
+ );
+ openNotification(
+ { status: "Tx Sent, Waiting For confirmation..." },
+ notificationApi
+ );
+ await tx.wait();
+ openNotification({ status: "Success: Tx Confirmed" }, notificationApi);
+ } catch (e) {
+ console.error(e);
+ openErrorNotification(e, notificationApi);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchCollRange.ts b/src/calls/contract/dowgoContract/fetchCollRange.ts
new file mode 100644
index 0000000..5293c13
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchCollRange.ts
@@ -0,0 +1,22 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const fetchCollRange = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const collRange = await contract.collRange();
+ return collRange;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchPrice.ts b/src/calls/contract/dowgoContract/fetchPrice.ts
new file mode 100644
index 0000000..36fa86b
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchPrice.ts
@@ -0,0 +1,22 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const fetchPrice = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const currentPrice = await contract.currentPrice();
+ return currentPrice;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchTargetRatio.ts b/src/calls/contract/dowgoContract/fetchTargetRatio.ts
new file mode 100644
index 0000000..c7b609f
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchTargetRatio.ts
@@ -0,0 +1,22 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const fetchTargetRatio = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const targetRatio = await contract.targetRatio();
+ return targetRatio;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchTotalSupply.ts b/src/calls/contract/dowgoContract/fetchTotalSupply.ts
new file mode 100644
index 0000000..6f6cfe5
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchTotalSupply.ts
@@ -0,0 +1,22 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const fetchTotalSupply = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const totalSupply = await contract.totalSupply();
+ return totalSupply;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchUserDowgoBalance.ts b/src/calls/contract/dowgoContract/fetchUserDowgoBalance.ts
new file mode 100644
index 0000000..7de485c
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchUserDowgoBalance.ts
@@ -0,0 +1,23 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const fetchUserDowgoBalance = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider,
+ userEthAddress: EthAddress
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const balance = await contract.balanceOf(userEthAddress);
+ return balance;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchUserUSDBalanceOnDowgo.ts b/src/calls/contract/dowgoContract/fetchUserUSDBalanceOnDowgo.ts
new file mode 100644
index 0000000..3465e5f
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchUserUSDBalanceOnDowgo.ts
@@ -0,0 +1,23 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const fetchUserUSDBalanceOnDowgo = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider,
+ userEthAddress: EthAddress
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const balance = await contract.usdcUserBalances(userEthAddress);
+ return balance;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/fetchWhitelistedStatus.ts b/src/calls/contract/dowgoContract/fetchWhitelistedStatus.ts
new file mode 100644
index 0000000..d4d0ef7
--- /dev/null
+++ b/src/calls/contract/dowgoContract/fetchWhitelistedStatus.ts
@@ -0,0 +1,30 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+
+export const WHITELISTED_ROLE = ethers.utils.keccak256(
+ ethers.utils.toUtf8Bytes("WHITELISTED_ROLE")
+);
+
+export const fetchWhitelistedStatus = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider,
+ userEthAddress: EthAddress
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const isWhitelisted = await contract.hasRole(
+ WHITELISTED_ROLE,
+ userEthAddress
+ );
+ return isWhitelisted;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/sellDowgo.ts b/src/calls/contract/dowgoContract/sellDowgo.ts
new file mode 100644
index 0000000..21f350d
--- /dev/null
+++ b/src/calls/contract/dowgoContract/sellDowgo.ts
@@ -0,0 +1,39 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+import { ONE_DOWGO_UNIT } from "../../../constants";
+import { openErrorNotification, openNotification } from "../notificationUtils";
+import { NotificationInstance } from "antd/lib/notification";
+
+export const sellDowgo = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Web3Provider,
+ sellAmount: number,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const tx = await contract
+ .connect(provider.getSigner())
+ .sell_dowgo(
+ BigNumber.from(
+ Math.floor(sellAmount * Number(ONE_DOWGO_UNIT)).toString()
+ )
+ );
+ openNotification(
+ { status: "Tx Sent, Waiting For confirmation..." },
+ notificationApi
+ );
+ await tx.wait();
+ openNotification({ status: "Success: Tx Confirmed" }, notificationApi);
+ } catch (error) {
+ console.error(error);
+ openErrorNotification(error, notificationApi);
+ }
+};
diff --git a/src/calls/contract/dowgoContract/withdrawUSD.ts b/src/calls/contract/dowgoContract/withdrawUSD.ts
new file mode 100644
index 0000000..bd96687
--- /dev/null
+++ b/src/calls/contract/dowgoContract/withdrawUSD.ts
@@ -0,0 +1,35 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import { DowgoERC20ABI } from "../../../constants/DowgoERC20ABI";
+import { ONE_USDC_UNIT } from "../../../constants";
+import { NotificationInstance } from "antd/lib/notification";
+import { openErrorNotification, openNotification } from "../notificationUtils";
+
+export const withdrawUSD = async (
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Web3Provider,
+ withdrawAmount: number,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ const contract: DowgoERC20 = new ethers.Contract(
+ dowgoAddress,
+ DowgoERC20ABI,
+ provider
+ ) as DowgoERC20;
+ const tx = await contract
+ .connect(provider.getSigner())
+ .withdraw_usdc(BigNumber.from(withdrawAmount * Number(ONE_USDC_UNIT)));
+ openNotification(
+ { status: "Tx Sent, Waiting For confirmation..." },
+ notificationApi
+ );
+ await tx.wait();
+ openNotification({ status: "Success: Tx Confirmed" }, notificationApi);
+ } catch (error) {
+ console.error(error);
+ openErrorNotification(error, notificationApi);
+ }
+};
diff --git a/src/calls/contract/notificationUtils.ts b/src/calls/contract/notificationUtils.ts
new file mode 100644
index 0000000..a7b2614
--- /dev/null
+++ b/src/calls/contract/notificationUtils.ts
@@ -0,0 +1,74 @@
+import notification, { NotificationInstance } from "antd/lib/notification";
+import { TxStatus } from "../../types/types";
+
+export const openNotification = (
+ txSTatus: TxStatus,
+ notificationApi: NotificationInstance
+) => {
+ // | "Error"
+ // | "Waiting for signature"
+ // | "Tx Sent, Waiting For confirmation..."
+ // | "Success: Tx Confirmed";
+ const notificationStyle = {
+ color: "#969696",
+ background: "#191922",
+ borderRadius: "8px",
+ };
+
+ switch (txSTatus.status) {
+ case "Error":
+ notificationApi.error({
+ message: `Error`,
+ description: txSTatus.message,
+ placement: "bottomRight",
+ duration: 30,
+ style: notificationStyle,
+ });
+ break;
+ case "Tx Sent, Waiting For confirmation...":
+ notificationApi.warning({
+ message: "Tx Sent, Waiting For confirmation...",
+ placement: "bottomRight",
+ duration: 72,
+ style: notificationStyle,
+ });
+ break;
+ case "Success: Tx Confirmed":
+ notificationApi.success({
+ message: "Success: Tx Confirmed",
+ placement: "bottomRight",
+ style: notificationStyle,
+ });
+ break;
+
+ default:
+ console.log(`Unhandled tx Status`);
+ }
+};
+
+export const openErrorNotification = (
+ e: Error,
+ notificationApi: NotificationInstance
+) => {
+ const alreadySoldErrorMessage =
+ "Contract already sold all dowgo tokens before next rebalancing";
+ const alreadyBoughtErrorMessage =
+ "Contract already bought all dowgo tokens before next rebalancing";
+
+ const isAlreadySoldError = e.toString().search(alreadySoldErrorMessage) > -1;
+ const isAlreadyBoughtError =
+ e.toString().search(alreadyBoughtErrorMessage) > -1;
+ openNotification(
+ {
+ status: "Error",
+ message: isAlreadySoldError
+ ? alreadySoldErrorMessage
+ : isAlreadyBoughtError
+ ? alreadyBoughtErrorMessage
+ : e.message
+ ? e.message
+ : e.toString(),
+ },
+ notificationApi
+ );
+};
diff --git a/src/calls/contract/usdtContract/approveUSD.ts b/src/calls/contract/usdtContract/approveUSD.ts
new file mode 100644
index 0000000..8566a54
--- /dev/null
+++ b/src/calls/contract/usdtContract/approveUSD.ts
@@ -0,0 +1,41 @@
+import { EthAddress } from "../../../types/types";
+
+import { DowgoERC20 } from "../../../types/DowgoERC20";
+import { BigNumber, ethers } from "ethers";
+import {
+ INFINITE_ALLOWANCE,
+ ONE_DOWGO_UNIT,
+ ONE_USDC_UNIT,
+} from "../../../constants";
+import { ERC20_ABI } from "../../../constants/ERC20ABI";
+import { ERC20 } from "../../../types/ERC20";
+import { openErrorNotification, openNotification } from "../notificationUtils";
+import { NotificationInstance } from "antd/lib/notification";
+
+export const approveUSD = async (
+ usdAddress: EthAddress,
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Web3Provider,
+ notificationApi: NotificationInstance
+): Promise => {
+ try {
+ const contract: ERC20 = new ethers.Contract(
+ usdAddress,
+ ERC20_ABI,
+ provider
+ ) as DowgoERC20;
+ const tx = await contract
+ .connect(provider.getSigner())
+ .approve(dowgoAddress, INFINITE_ALLOWANCE);
+
+ openNotification(
+ { status: "Tx Sent, Waiting For confirmation..." },
+ notificationApi
+ );
+ await tx.wait();
+ openNotification({ status: "Success: Tx Confirmed" }, notificationApi);
+ } catch (error) {
+ console.error(error);
+ openErrorNotification(error, notificationApi);
+ }
+};
diff --git a/src/calls/contract/usdtContract/fetchUserAllowance.ts b/src/calls/contract/usdtContract/fetchUserAllowance.ts
new file mode 100644
index 0000000..40bab95
--- /dev/null
+++ b/src/calls/contract/usdtContract/fetchUserAllowance.ts
@@ -0,0 +1,24 @@
+import { EthAddress } from "../../../types/types";
+
+import { BigNumber, ethers } from "ethers";
+import { ERC20_ABI } from "../../../constants/ERC20ABI";
+import { ERC20 } from "../../../types/ERC20";
+
+export const fetchUserAllowance = async (
+ usdtAddress: EthAddress,
+ dowgoAddress: EthAddress,
+ provider: ethers.providers.Provider,
+ userEthAddress: EthAddress
+): Promise => {
+ try {
+ const contract: ERC20 = new ethers.Contract(
+ usdtAddress,
+ ERC20_ABI,
+ provider
+ ) as ERC20;
+ const allowance = await contract.allowance(userEthAddress, dowgoAddress);
+ return allowance;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/contract/usdtContract/fetchUserUSDTBalance.ts b/src/calls/contract/usdtContract/fetchUserUSDTBalance.ts
new file mode 100644
index 0000000..fed09d3
--- /dev/null
+++ b/src/calls/contract/usdtContract/fetchUserUSDTBalance.ts
@@ -0,0 +1,23 @@
+import { EthAddress } from "../../../types/types";
+
+import { BigNumber, ethers } from "ethers";
+import { ERC20_ABI } from "../../../constants/ERC20ABI";
+import { ERC20 } from "../../../types/ERC20";
+
+export const fetchUserUSDTBalance = async (
+ usdtAddress: EthAddress,
+ provider: ethers.providers.Provider,
+ userEthAddress: EthAddress
+): Promise => {
+ try {
+ const contract: ERC20 = new ethers.Contract(
+ usdtAddress,
+ ERC20_ABI,
+ provider
+ ) as ERC20;
+ const balance = await contract.balanceOf(userEthAddress);
+ return balance;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/metamask/fetchAccounts.ts b/src/calls/metamask/fetchAccounts.ts
new file mode 100644
index 0000000..a1348e3
--- /dev/null
+++ b/src/calls/metamask/fetchAccounts.ts
@@ -0,0 +1,13 @@
+import { MetaMaskInpageProvider } from "@metamask/providers";
+
+export const fetchAccounts = async (): Promise => {
+ try {
+ // @ts-ignore
+ const ethereum = window.ethereum as MetaMaskInpageProvider;
+ const accounts = await ethereum.request({ method: "eth_requestAccounts" });
+
+ return accounts;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/metamask/fetchChainId.ts b/src/calls/metamask/fetchChainId.ts
new file mode 100644
index 0000000..4c0fe81
--- /dev/null
+++ b/src/calls/metamask/fetchChainId.ts
@@ -0,0 +1,13 @@
+import { MetaMaskInpageProvider } from "@metamask/providers";
+
+export const fetchChainId = async (): Promise => {
+ try {
+ // @ts-ignore
+ const ethereum = window.ethereum as MetaMaskInpageProvider;
+ const chainIdUnknown = await ethereum.request({ method: "eth_chainId" });
+
+ return chainIdUnknown;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/metamask/fetchMMProvider.ts b/src/calls/metamask/fetchMMProvider.ts
new file mode 100644
index 0000000..6e0ef5e
--- /dev/null
+++ b/src/calls/metamask/fetchMMProvider.ts
@@ -0,0 +1,11 @@
+import detectEthereumProvider from "@metamask/detect-provider";
+
+export const fetchMMProvider = async (): Promise => {
+ try {
+ const _provider = await detectEthereumProvider();
+
+ return _provider;
+ } catch (error) {
+ console.error(error);
+ }
+};
diff --git a/src/calls/metamask/switchNetwork.tsx b/src/calls/metamask/switchNetwork.tsx
new file mode 100644
index 0000000..39c0ea2
--- /dev/null
+++ b/src/calls/metamask/switchNetwork.tsx
@@ -0,0 +1,13 @@
+import { ChainId } from "../../types/types";
+
+export const switchNetwork = async (chainId: ChainId) => {
+ try {
+ //@ts-ignore
+ await window.ethereum.request({
+ method: "wallet_switchEthereumChain",
+ params: [{ chainId: `0x${chainId.toString(16)}` }],
+ });
+ } catch (error) {
+ console.log(error);
+ }
+};
diff --git a/src/components/BalanceView/DowgoBalance.tsx b/src/components/BalanceView/DowgoBalance.tsx
new file mode 100644
index 0000000..f2d3066
--- /dev/null
+++ b/src/components/BalanceView/DowgoBalance.tsx
@@ -0,0 +1,30 @@
+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
-) {
- const [status, setStatus] = React.useState("Disconnected");
- const [chainId, setChainId] = React.useState(undefined);
-
- // CONNECT TO METAMASK
-
- async function detectProvider() {
- // this returns the provider, or null if it wasn't detected
- const provider = await detectEthereumProvider();
-
- if (provider) {
- startApp(provider as MetaMaskInpageProvider); // Initialize your app
- } else {
- console.log("Please install MetaMask!");
- setStatus("Please install MetaMask")
- }
- }
-
- function startApp(_provider: MetaMaskInpageProvider) {
- // If the provider returned by detectEthereumProvider is not the same as
- // window.ethereum, something is overwriting it, perhaps another wallet.
- if (_provider !== window.ethereum) {
- console.error("Do you have multiple wallets installed?");
- }
- // Access the decentralized web!
- //@ts-ignore
- const provider = new ethers.providers.Web3Provider(_provider);
- setProvider(provider);
- setStatus("Connected")
- }
-
- // detect MM at the start of the Dapp
- useEffect(() => {
- detectProvider();
- }, []);
-
- /**********************************************************/
- /* Handle chain (network) and chainChanged (per EIP-1193) */
- /**********************************************************/
-
- async function detectChainId(ethereum: MetaMaskInpageProvider) {
- const chainIdUnknown = await ethereum.request({ method: "eth_chainId" });
- handleChainChanged(chainIdUnknown);
-
- ethereum.on("chainChanged", handleChainChanged);
-
- function handleChainChanged(_chainId: unknown) {
- // Set chain id the first time
- if (_chainId && chainId === undefined) {
- setChainId(parseInt(_chainId as string, 16));
- // If Chain id changed,we recommend reloading the page, unless you must do otherwise
- } else if (_chainId && _chainId !== chainId) {
- window.location.reload();
- }
- }
- }
-
- // detect chain id
- useEffect(() => {
- if (provider) {
- detectChainId(window.ethereum as MetaMaskInpageProvider);
- }
- }, [provider]);
-
- /***********************************************************/
- /* Handle user accounts and accountsChanged (per EIP-1193) */
- /***********************************************************/
- function checkAccounts(ethereum: MetaMaskInpageProvider) {
- ethereum
- .request({ method: "eth_accounts" })
- .then(handleAccountsChanged)
- .catch((err) => {
- // Some unexpected error.
- // For backwards compatibility reasons, if no accounts are available,
- // eth_accounts will return an empty array.
- console.error(err);
- });
-
- // Note that this event is emitted on page load.
- // If the array of accounts is non-empty, you're already
- // connected.
- ethereum.on("accountsChanged", handleAccountsChanged);
- }
-
- // For now, 'eth_accounts' will continue to always return an array
- function handleAccountsChanged(accounts: unknown) {
- console.log("accounts raw",accounts)
- let accountList: Address[] = [];
- if (accounts && (accounts as string[]).length) {
- accountList = accounts as Address[];
- }
- 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")
- } else if (accountList[0] !== currentAccount) {
- setCurrentAccount(accountList[0]);
- setStatus("Connected")
- }
- }
-
- useEffect(() => {
- if (provider) {
- checkAccounts(window.ethereum as MetaMaskInpageProvider);
- }
- }, [provider]);
-
- /*********************************************/
- /* Access the user's accounts (per EIP-1102) */
- /*********************************************/
-
- // You should only attempt to request the user's accounts in response to user
- // interaction, such as a button click.
- // Otherwise, you popup-spam the user like it's 1999.
- // If you fail to retrieve the user's account(s), you should encourage the user
- // to initiate the attempt.
-
- // While you are awaiting the call to eth_requestAccounts, you should disable
- // any buttons the user can click to initiate the request.
- // MetaMask will reject any additional requests while the first is still
- // pending.
- function connect(ethereum: MetaMaskInpageProvider) {
- ethereum
- .request({ method: "eth_requestAccounts" })
- .then(handleAccountsChanged)
- .catch((err) => {
- if (err.code === 4001) {
- // EIP-1193 userRejectedRequest error
- // If this happens, the user rejected the connection request.
- console.log("Please connect to MetaMask.");
- } else {
- console.error(err);
- }
- });
- }
-
- 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 (,
+ 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?.usdAddress,
+ 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?.usdAddress,
+ 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/DowgoTradingView/OldComponents/BuyComponent.tsx b/src/components/DowgoTradingView/OldComponents/BuyComponent.tsx
new file mode 100644
index 0000000..c8cbf72
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/BuyComponent.tsx
@@ -0,0 +1,104 @@
+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,
+ 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/DowgoTradingView/OldComponents/SellComponent.tsx b/src/components/DowgoTradingView/OldComponents/SellComponent.tsx
new file mode 100644
index 0000000..f9479ae
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/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/DowgoTradingView/OldComponents/WithdrawComponent.tsx b/src/components/DowgoTradingView/OldComponents/WithdrawComponent.tsx
new file mode 100644
index 0000000..b0732c9
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/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,
+ usdBalanceOnContract: 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 [usdBalanceOnContract, 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?.usdAddress,
+ 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 (
+ (
+ buyOrSell === "sell" ? "DWG1" : "USDT"
+ );
+ const [outputCurrency, setOutputCurrency] = useState(
+ buyOrSell === "sell" ? "USDT" : "DWG1"
+ );
+ const [inputValue, setInputValue] = useState(0);
+ const [outputValue, setOutputValue] = useState(0);
+
+ // Derived state values
+ const usdBalance: number = Number(state.usdBalance) / Number(ONE_USDC_UNIT);
+ const dowgoBalance: number =
+ Number(state.dowgoBalance) / Number(ONE_DOWGO_UNIT);
+ const allowance = Number(state.allowance) / Number(ONE_USDC_UNIT);
+ const price = Number(state.price) / Number(ONE_USDC_UNIT);
+
+ const isApprovalNeeded = inputCurrency === "USDT" && allowance < inputValue;
+
+ // Maximum values
+ const inputBalance = inputCurrency === "USDT" ? usdBalance : dowgoBalance;
+ const outputBalance = inputCurrency === "USDT" ? dowgoBalance : usdBalance;
+ const maxDowgoBuySell =
+ Number(
+ state.totalSupply
+ .mul(state.targetRatio)
+ .mul(state.collRange)
+ .div(10 ** 8)
+ ) / Number(ONE_DOWGO_UNIT);
+ const inputMax =
+ inputCurrency === "DWG1"
+ ? Math.min(maxDowgoBuySell, dowgoBalance)
+ : Math.min(maxDowgoBuySell * price, usdBalance);
+ const outputMax =
+ inputCurrency === "DWG1"
+ ? Math.min(maxDowgoBuySell * price, dowgoBalance * price)
+ : Math.min(maxDowgoBuySell, usdBalance / price);
+
+ function handleChangeCurrencyInput(value) {
+ setInputCurrency(value);
+ if (value === "USDT") {
+ setOutputCurrency("DWG1");
+ price !== 0 && setOutputValue(inputValue / price);
+ } else {
+ setOutputCurrency("USDT");
+ setOutputValue(inputValue * price);
+ }
+ }
+ function handleChangeCurrencyOutput(value) {
+ setOutputCurrency(value);
+ if (value === "USDT") {
+ setInputCurrency("DWG1");
+ price !== 0 && setInputValue(outputValue / price);
+ } else {
+ setInputCurrency("USDT");
+ setInputValue(outputValue * price);
+ }
+ }
+ function handleChangeInputValue(value) {
+ setInputValue(value);
+ if (inputCurrency === "USDT" && price !== 0) {
+ setOutputValue(value / price);
+ } else {
+ setOutputValue(value * price);
+ }
+ }
+ function handleChangeOutputValue(value) {
+ setOutputValue(value);
+ if (outputCurrency === "USDT" && price !== 0) {
+ setInputValue(value / price);
+ } else {
+ setInputValue(value * price);
+ }
+ }
+ const supportedNetwork =
+ state.chainId && ALLOWED_NETWORKS.includes(ChainId[state.chainId]);
+ return (
+
+
+ );
+}
diff --git a/src/components/FundsView/index.styles.scss b/src/components/FundsView/index.styles.scss
new file mode 100644
index 0000000..1bff9eb
--- /dev/null
+++ b/src/components/FundsView/index.styles.scss
@@ -0,0 +1,337 @@
+.funds-container {
+ /* Rectangle 2719 */
+ box-sizing: border-box;
+ margin-left: 15vw;
+ width: 70vw;
+ margin-top: -80vh;
+ min-height: 550px;
+ /* Content Background */
+ background: #111116;
+ /* Border & Separator */
+ border: 1px solid #303030;
+ backdrop-filter: blur(30px);
+ /* Note: backdrop-filter has minimal browser support */
+ border-radius: 8px;
+ padding: 32px;
+ z-index: 20;
+
+ @media (max-width: 480px) {
+ width: 90vw;
+ margin: -80vh auto 0 auto;
+ padding: 10px;
+ }
+
+ .funds-title {
+ /* H5/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 29px;
+ display: flex;
+ align-items: center;
+
+ color: #ffffff;
+
+ width: 100%;
+ display: flex;
+ justify-content: left;
+ margin-bottom: 41px;
+ }
+
+ .fund-container {
+ /* Content Highlight */
+
+ background: #191922;
+ border-radius: 8px;
+
+ padding: 24px 32px;
+ margin-bottom: 16px;
+
+ @media (max-width: 480px) {
+ padding: 20px 10px;
+ }
+
+ .fund-name {
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ color: #ffffff;
+ }
+
+ .fund-subtitle {
+ margin-top: 8px;
+ display: flex;
+ align-items: center;
+
+ @media (max-width: 480px) {
+ justify-content: space-between;
+ }
+
+ .fund-tag {
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+ color: #ffffff;
+ }
+
+ .fund-more-details {
+ margin-left: 9px;
+
+ /* Paragraph/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 17px;
+ /* Primary */
+
+ color: #0ff4e9;
+ }
+ }
+
+ .fund-row-right {
+ display: flex;
+ justify-content: flex-end;
+ @media (max-width: 480px) {
+ display: block;
+ }
+
+ .fund-button-container {
+ display: flex;
+ @media (max-width: 480px) {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 20px;
+ }
+ }
+
+ .fund-status-info {
+ @media (max-width: 480px) {
+ display: flex;
+ }
+
+ .fund-info-active-status {
+ width: 8px;
+ height: 8px;
+ border-radius: 4px;
+ background: #54FFB7;
+ margin-right: 8px;
+ @media (max-width: 480px) {
+ align-items: center;
+ display: flex;
+ line-height: 29px;
+ margin-top: 10px;
+ }
+ }
+ }
+
+ .fund-info-container {
+ @media (max-width: 480px) {
+ display: flex;
+ }
+ }
+
+ .fund-info-name {
+ /* Paragraph/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 17px;
+
+ color: #ffffff;
+
+ @media (max-width: 480px) {
+ line-height: 29px;
+ display: flex;
+ align-items: center;
+ margin-top: 8px;
+ margin-right: 20px;
+ }
+ }
+
+ .fund-info-box {
+ margin-left: 16px;
+ border-left: 1px solid #303030;
+ padding-left: 16px;
+ @media (max-width: 480px) {
+ display: flex;
+ align-items: center;
+ border-left: 0px;
+ padding-left: 0px;
+ margin-left: 0px;
+ justify-content: space-between;
+ }
+
+ .fund-info-value {
+ margin-top: 8px;
+ /* H5/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 29px;
+
+ color: #ffffff;
+ }
+ }
+
+ // Arrow
+ .arrow-box {
+ margin-left: 40px;
+ display: flex;
+ align-items: center;
+
+ @media (max-width: 480px) {
+ margin-left: 0;
+ margin: 10px auto;
+ justify-content: center;
+ }
+
+ .arrow-circle-selected {
+ box-sizing: border-box;
+ width: 32px;
+ height: 32px;
+ /* Primary */
+
+ border: 1px solid #0ff4e9;
+ border-radius: 16px;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ @media (max-width: 480px) {
+ width: 100px;
+ height: 40px;
+ border-radius: 50px;
+ }
+
+ }
+ .arrow-circle {
+ box-sizing: border-box;
+ width: 32px;
+ height: 32px;
+ /* Primary */
+
+ border: 1px solid #969696;
+ border-radius: 16px;
+ transform: matrix(1, 0, 0, -1, 0, 0);
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ @media (max-width: 480px) {
+ width: 100px;
+ height: 40px;
+ border-radius: 50px;
+ }
+ }
+ }
+ }
+
+ .other-funds-text {
+ margin-left: 18px;
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+
+ /* Light Grey */
+
+ color: #969696;
+ }
+ }
+}
+
+.fund-button {
+ width: 160px;
+ height: 40px;
+
+ margin-left: 16px;
+ /* Primary */
+
+ border: 1px solid #0ff4e9;
+ border-radius: 4px;
+ /* Sub-Heading/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+
+ /* Primary */
+
+ background: #191922;
+ color: #0ff4e9;
+
+
+ @media (max-width: 480px) {
+ display: flex;
+ margin-left: 0px;
+ width: 150px;
+ }
+}
+.fund-details-table-header {
+ padding: 12px;
+ margin: 24px -12px;
+
+ background: #1f212a;
+ border-radius: 8px;
+ color: #969696;
+
+ .fund-acronym-title {
+ @media (max-width: 480px) {
+ text-align: center;
+ }
+ }
+
+ .fund-stock-amount-title {
+ @media (max-width: 480px) {
+ text-align: center;
+ }
+ }
+}
+.fund-details-table-line {
+ margin-bottom: 16px;
+ height: 34px;
+
+ /* Paragraph/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 17px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ color: #ffffff;
+}
diff --git a/src/components/FundsView/index.tsx b/src/components/FundsView/index.tsx
new file mode 100644
index 0000000..44506cd
--- /dev/null
+++ b/src/components/FundsView/index.tsx
@@ -0,0 +1,52 @@
+import { Col, Row } from "antd";
+import { useContext, useState } from "react";
+import "./index.styles.scss";
+
+import { ReactComponent as ClockIcon } from "../../assets/icons/clock-icon.svg";
+import { lightGrey } from "../../styles/colors";
+import AppContext from "../../context/AppContext";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../constants";
+
+import { FundDetails } from "./FundDetails";
+import { FundInformationRow } from "./FundInformationRow";
+
+function FundsView() {
+ const [openFundDetails, setOpenFundDetails] = useState(false);
+
+ function toggleDetails() {
+ setOpenFundDetails(!openFundDetails);
+ }
+
+ return (
+
+ {RoundButton(() => {
+ fetchAndSaveAccount(dispatch, state);
+ }, "Connect")}
+
+ ),
+ };
+}
+
+export default ConnectMetaMask;
diff --git a/src/components/Menu/DowgoMenu/DowgoMenu.styles.scss b/src/components/Menu/DowgoMenu/DowgoMenu.styles.scss
new file mode 100644
index 0000000..bae68e0
--- /dev/null
+++ b/src/components/Menu/DowgoMenu/DowgoMenu.styles.scss
@@ -0,0 +1,172 @@
+@import "~antd/dist/antd.css";
+
+.ant-layout-header {
+ background: transparent !important;
+}
+
+.menu-desktop-container {
+ /* 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.ant-menu-sub.ant-menu-vertical {
+ padding: 4px;
+ /* Content Background */
+
+ background: #111116;
+ color: white;
+ /* Border & Separator */
+
+ border: 1px solid #303030;
+ border-radius: 4px;
+ }
+ .ant-menu.ant-menu-sub.ant-menu-vertical > .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;
+ /* background-color: orange; */
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ }
+
+ .ant-menu-item {
+ 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;
+ }
+
+ .dowgo-menu-icon {
+ width: 24px;
+ height: 24px;
+ }
+
+ .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: var(--font-branded);
+ }
+
+ .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;
+ }
+
+ .ant-menu-item-selected > .dowgo-menu-item {
+ font-weight: 700 !important;
+ }
+ .dowgo-menu-item:hover {
+ color: rgb(35, 248, 246) !important;
+ }
+
+ .dowgo-menu-item:hover:after {
+ color: rgb(35, 248, 246) !important;
+ transform: scaleX(1) !important;
+ transform-origin: bottom left;
+ }
+
+ .ant-menu-submenu.ant-menu-dark.ant-menu-submenu-popup.ant-menu {
+ background: #111116;
+ border: 1px solid #303030;
+ border-radius: 4px;
+ }
+
+ .ant-menu.ant-menu-vertical {
+ background-color: green;
+ /* background: #111116;
+ border: 1px solid #303030;
+ border-radius: 4px; */
+ }
+
+ @media (min-width: 767px) {
+ .ant-dropdown-placement-bottomLeft {
+ min-width: 104.733px;
+ left: 329px;
+ top: 52px;
+ }
+ }
+}
+
+
+.ant-dropdown-menu-root {
+ background: #111116;
+ border: 1px solid #303030;
+ border-radius: 4px;
+}
+
+.ant-dropdown-menu-item.ant-dropdown-menu-item-only-child:hover {
+ background: #111116;
+}
+
diff --git a/src/components/Menu/DowgoMenu/DowgoMenu.tsx b/src/components/Menu/DowgoMenu/DowgoMenu.tsx
new file mode 100644
index 0000000..640e70c
--- /dev/null
+++ b/src/components/Menu/DowgoMenu/DowgoMenu.tsx
@@ -0,0 +1,63 @@
+import React, { useContext} from 'react';
+import { Menu, MenuProps } from "antd";
+import { Link } from "react-router-dom";
+
+import { ProfileDropdown } from "../ProfileDropdown";
+import ConnectMetaMask from "../ConnectMetaMask";
+import { NetworkDropdown } from "../NetworkDropdown";
+import AppContext from "../../../context/AppContext";
+import "./DowgoMenu.styles.scss";
+
+function DowgoMenu() {
+ const { state } = useContext(AppContext);
+
+ const menuItems: MenuProps["items"] = [
+ {
+ key: "Invest",
+ icon: (
+
+ Invest
+
+ ),
+ },
+ {
+ key: "My Portfolio",
+ icon: (
+
+ My Portfolio
+
+ ),
+ },
+ {
+ key: "Funds",
+ icon: (
+
+ Funds
+
+ ),
+ },
+ {
+ key: "Withdraw",
+ icon: (
+
+ Withdraw
+
+ ),
+ },
+ NetworkDropdown(),
+ state.currentAccount === "0x" ? ConnectMetaMask() : ProfileDropdown(),
+ ];
+
+ return (
+
+ //
+ //
+ //
+ //
+ //
+ //
+ // );
+};
diff --git a/src/components/MyPortfolioView/MyPortfolioDetails.tsx b/src/components/MyPortfolioView/MyPortfolioDetails.tsx
new file mode 100644
index 0000000..8d4461c
--- /dev/null
+++ b/src/components/MyPortfolioView/MyPortfolioDetails.tsx
@@ -0,0 +1,113 @@
+import { Col, Row } from "antd";
+import { useContext } from "react";
+import AppContext from "../../context/AppContext";
+import { Link } from "react-router-dom";
+
+interface MyPortfolioDetailsProps {
+ openPortfolioDetails: boolean;
+}
+export function MyPortfolioDetails(props: MyPortfolioDetailsProps) {
+ const { openPortfolioDetails } = props;
+
+ const { state } = useContext(AppContext);
+
+ return (
+
+
+ );
+}
diff --git a/src/components/MyPortfolioView/index.styles.scss b/src/components/MyPortfolioView/index.styles.scss
new file mode 100644
index 0000000..eb406c2
--- /dev/null
+++ b/src/components/MyPortfolioView/index.styles.scss
@@ -0,0 +1,357 @@
+.my-portfolio-container {
+ /* Rectangle 2719 */
+ box-sizing: border-box;
+ margin-left: 15vw;
+ width: 70vw;
+ margin-top: -80vh;
+ min-height: 550px;
+
+ /* Content Background */
+ background: #111116;
+ /* Border & Separator */
+ border: 1px solid #303030;
+ backdrop-filter: blur(30px);
+ /* Note: backdrop-filter has minimal browser support */
+ border-radius: 8px;
+ padding: 32px;
+ z-index: 20;
+
+ @media (max-width: 480px) {
+ width: 90vw;
+ padding: 10px;
+ margin: -80vh 20px 0 20px;
+ }
+
+ .discover-funds-text {
+ /* Sub-Heading/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ /* Primary */
+
+ color: #0ff4e9;
+ }
+
+ .my-portfolio-overview-container {
+ width: 100%;
+ padding-bottom: 70px;
+ margin-bottom: 40px;
+ border-bottom: 1px solid #191922;
+ @media (max-width: 480px) {
+ margin-bottom: 10px;
+ padding-bottom: 50px;
+ }
+
+ .my-portfolio-overview-title {
+ margin-bottom: 12px;
+ /* H5/Regular */
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 29px;
+ display: flex;
+ align-items: center;
+ color: #ffffff;
+
+ @media (max-width: 480px) {
+ justify-content: center;
+ }
+ }
+
+ .my-portfolio-current-address {
+ display: flex;
+ align-items: center;
+ }
+ .portfolio-address {
+ margin-left: 12px;
+ /* Paragraph/Regular */
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 17px;
+ /* Light Grey */
+ color: #969696;
+ @media (max-width: 480px) {
+ overflow: hidden;
+ margin-top: 20px;
+ }
+ }
+ .total-portfolio-amount {
+ margin-top: 18px;
+ /* H1/Bold */
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 56px;
+ line-height: 68px;
+ color: #ffffff;
+ @media (max-width: 480px) {
+ text-align: center;
+ margin-top: 40px;
+ font-size: 35px;
+ line-height: 40px;
+ }
+ }
+ }
+
+ .my-deposit-title {
+ /* H5/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 29px;
+ display: flex;
+ align-items: center;
+
+ color: #ffffff;
+
+ width: 100%;
+ display: flex;
+ justify-content: left;
+ margin-bottom: 41px;
+ }
+
+ .fund-container {
+ /* Content Highlight */
+
+ background: #191922;
+ border-radius: 8px;
+
+ padding: 24px 32px;
+ margin-bottom: 16px;
+ @media (max-width: 480px) {
+ padding: 20px 15px;
+ }
+
+ .fund-name-container {
+ @media (max-width: 480px) {
+ margin-bottom: 30px;
+ }
+ }
+
+ .fund-name {
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ color: #ffffff;
+ @media (max-width: 480px) {
+ margin-bottom: 20px;
+ }
+ }
+
+ .fund-subtitle {
+ margin-top: 8px;
+ display: flex;
+ align-items: center;
+ @media (max-width: 480px) {
+ justify-content: space-between;
+ }
+
+ .fund-tag {
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+ color: #ffffff;
+ }
+
+ .fund-more-details {
+ margin-left: 9px;
+
+ /* Paragraph/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 17px;
+ /* Primary */
+
+ color: #0ff4e9;
+ }
+ }
+
+ .fund-row-right {
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+
+ @media (max-width: 480px) {
+ display: block;
+ }
+
+ .fund-row-right-container {
+
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ @media (max-width: 480px) {
+ justify-content: flex-start;
+ display: block;
+ width: 100%;
+ }
+
+ .fund-row-container {
+ display: flex;
+
+ @media (max-width: 480px) {
+ justify-content: space-between;
+ display: flex;
+ }
+ }
+
+ .fund-info-container {
+ display: flex;
+
+ @media (max-width: 480px) {
+ justify-content: space-between;
+ display: flex !important;
+ margin-top: 30px;
+ }
+ }
+
+ .fund-info-name {
+ /* Paragraph/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 17px;
+
+ color: #ffffff;
+ }
+ .fund-info-value {
+ margin-top: 8px;
+ /* H5/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 29px;
+
+ color: #ffffff;
+ }
+
+ .fund-info-box {
+ margin-left: 16px;
+ border-left: 1px solid #303030;
+ padding-left: 16px;
+ @media (max-width: 480px) {
+ border-left: 0px solid #303030;
+ margin: 0px;
+ padding: 0px;
+ }
+ }
+
+ }
+
+
+ }
+
+ .other-funds-text {
+ margin-left: 18px;
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+
+ /* Light Grey */
+
+ color: #969696;
+ }
+
+ // Arrow
+ .arrow-box {
+ margin-left: 40px;
+ display: flex;
+ align-items: center;
+
+ @media (max-width: 480px) {
+ justify-content: flex-end;
+ display: flex;
+ }
+
+ .arrow-circle-selected {
+ box-sizing: border-box;
+ width: 32px;
+ height: 32px;
+ /* Primary */
+
+ border: 1px solid #0ff4e9;
+ border-radius: 16px;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ @media (max-width: 480px) {
+ height: 40px;
+ width: 100px;
+ border-radius: 50px;
+ }
+
+ }
+ .arrow-circle {
+ box-sizing: border-box;
+ width: 32px;
+ height: 32px;
+ /* Primary */
+
+ border: 1px solid #969696;
+ border-radius: 16px;
+ transform: matrix(1, 0, 0, -1, 0, 0);
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ @media (max-width: 480px) {
+ height: 40px;
+ width: 100px;
+ border-radius: 50px;
+ }
+ }
+ }
+ }
+}
+
+.myportfolio-row-container {
+ display: flex;
+
+ .fund-buy-sell-container {
+ .fund-row-right {
+ @media (max-width: 480px) {
+ display: flex;
+ justify-content: space-between;
+ }
+ .fund-button {
+ @media (max-width: 480px) {
+ width: 140px;
+ }
+ }
+ }
+ }
+
+}
diff --git a/src/components/MyPortfolioView/index.tsx b/src/components/MyPortfolioView/index.tsx
new file mode 100644
index 0000000..68adbe1
--- /dev/null
+++ b/src/components/MyPortfolioView/index.tsx
@@ -0,0 +1,55 @@
+import { Col, Row } from "antd";
+import { useContext, useState } from "react";
+import AppContext from "../../context/AppContext";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../constants";
+import CopyButton from "../displayComponents/CopyButton";
+import { MyPortfolioDetails } from "./MyPortfolioDetails";
+import { MyPortfolioInformationRow } from "./MyPortfolioInformationRow";
+import "./index.styles.scss";
+
+function MyPortfolioView() {
+ const { state } = useContext(AppContext);
+ const [openPortfolioDetails, setPortfolioDetails] = useState(false);
+
+ const investedUSD = (
+ (Number(state.dowgoBalance) * Number(state.price)) /
+ Number(ONE_DOWGO_UNIT) /
+ Number(ONE_USDC_UNIT)
+ ).toLocaleString(undefined, { maximumFractionDigits: 2 });
+
+ function toggleDetails() {
+ setPortfolioDetails(!openPortfolioDetails);
+ }
+ return (
+ (0);
+
+ const onChange = (value: number) => {
+ setWithdrawInput(value);
+ };
+
+ return (
+
+ );
+ };
+
+ return (
+ ;
+ // Notification API
+ notificationApi: NotificationInstance | undefined;
+}>({
+ state: initialAppState,
+ dispatch: () => null,
+ notificationApi: undefined,
+});
+
+// State Management types
+
+export interface AppAction {
+ type: string;
+ value:
+ | StockInformation[]
+ | EthAddress
+ | providers.Web3Provider
+ | ChainId
+ | BigNumber
+ | ContractAddresses
+ | boolean
+ | undefined;
+}
+
+export interface AppState {
+ // Metamask
+ currentAccount: EthAddress;
+ provider: providers.Web3Provider | undefined;
+ chainId: ChainId | undefined;
+ needMMUnlock: boolean;
+
+ // USDT
+ allowance: BigNumber;
+ usdBalance: BigNumber;
+
+ // Dowgo
+ contractAddresses: ContractAddresses | undefined;
+ dowgoBalance: BigNumber;
+ usdBalanceOnDowgo: BigNumber;
+ price: BigNumber;
+ totalSupply: BigNumber;
+ targetRatio: BigNumber;
+ collRange: BigNumber;
+ isWhitelisted: boolean;
+
+ // Portfolio
+ stockPortfolio: StockInformation[] | undefined;
+}
+
+export default AppContext;
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 4a1df4d..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
-}
diff --git a/src/index.scss b/src/index.scss
new file mode 100644
index 0000000..432e70a
--- /dev/null
+++ b/src/index.scss
@@ -0,0 +1,42 @@
+@font-face {
+ font-family: "s";
+ src: url("./assets/font/soehne-breit-test-leicht.woff") format("woff");
+ font-weight: 300;
+}
+@font-face {
+ font-family: "s";
+ src: url("./assets/font/soehne-breit-test-kraftig.woff") format("woff");
+ font-weight: 400;
+}
+@font-face {
+ font-family: "s";
+ src: url("./assets/font/soehne-breit-test-halbfett.woff") format("woff");
+ font-weight: 500;
+}
+@font-face {
+ font-family: "s";
+ src: url("./assets/font/soehne-breit-test-dreiviertelfett.woff")
+ format("woff");
+ font-weight: 600;
+}
+
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap");
+
+body {
+ margin: 0;
+ font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
+ "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+ "Helvetica Neue", sans-serif;
+ --font-branded: "s", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+ "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+ sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ background: #010103;
+ color: #fff;
+}
+
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+ monospace;
+}
diff --git a/src/index.tsx b/src/index.tsx
index ccbac81..d4f79ea 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,19 +1,25 @@
import React from "react";
import ReactDOM from "react-dom/client";
-import "./index.css";
+import { BrowserRouter } from "react-router-dom";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
+import { Provider } from "react-redux"; // Import Provider from react-redux
+import store from "../src/redux/store";
+
+import "./index.scss";
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: () => (
+ (
+ BigNumber.from(0)
+ );
+ const [dowgoBalance, setDowgoBalance] = React.useState(
+ BigNumber.from(0)
+ );
+ const [usdBalance, 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 fetchContractAddresses(chainId);
+ // setContractAddresses(addresses);
+ // }
+ // }
+ // useEffect(() => {
+ // // getAddresses(chainId);
+ // fetchContractAddresses(chainId)
+ // }, [chainId]);
+
+ return (
+ ;
\ No newline at end of file
diff --git a/src/styles/colors.ts b/src/styles/colors.ts
new file mode 100644
index 0000000..1ad4a77
--- /dev/null
+++ b/src/styles/colors.ts
@@ -0,0 +1,3 @@
+export const lightGrey = "#969696";
+export const primaryColor = "#0FF4E9"; //turquoise
+export const white = "#FFFFFF";
diff --git a/src/styles/iconStyle.ts b/src/styles/iconStyle.ts
new file mode 100644
index 0000000..2dd308a
--- /dev/null
+++ b/src/styles/iconStyle.ts
@@ -0,0 +1,3 @@
+import { white } from "./colors";
+
+export const smallIconStyle = { width: "20px", height: "20px", color: white };
diff --git a/src/styles/textStyles.ts b/src/styles/textStyles.ts
new file mode 100644
index 0000000..e49b7cf
--- /dev/null
+++ b/src/styles/textStyles.ts
@@ -0,0 +1,10 @@
+import { white } from "./colors";
+
+export const regularWhiteWord = {
+ color: white,
+ fontFamily: "Montserrat",
+ fontStyle: "normal",
+ fontWeight: 400,
+ fontSize: "16px",
+ lineHeight: "20px",
+};
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;
+
+ 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
+
+
+
+ 10 ? 'scrolled' : ''}`}>
+
+ {
+ isMobile ?
+
+
+ {/* For tx toast notifications */}
+ {contextHolder}
+
+
+
+
+
);
}
diff --git a/src/Footer.scss b/src/Footer.scss
new file mode 100644
index 0000000..54bdb3a
--- /dev/null
+++ b/src/Footer.scss
@@ -0,0 +1,44 @@
+.ant-layout-footer {
+ height: 25vh;
+}
+
+.dowgo-footer-container {
+ display: flex;
+ align-items: center;
+ height: 90px;
+ width: 100%;
+ justify-content: flex-end;
+
+ @media (max-width: 480px) {
+ height: 20vh;
+ align-items: end;
+
+ // max-height for MetaMask App browser
+ @media (max-height: 649px) {
+ height: 40vh;
+ align-items: end;
+ }
+
+ @media (min-height: 650px) {
+ height: 20vh;
+ align-items: end;
+ }
+ }
+
+ .footer-etherscan-icon {
+ height: 22px;
+ }
+
+ .footer-help-icon {
+ display: flex;
+ align-items: center;
+ }
+
+ .footer-row-container {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+}
\ No newline at end of file
diff --git a/src/Footer.tsx b/src/Footer.tsx
new file mode 100644
index 0000000..9752d47
--- /dev/null
+++ b/src/Footer.tsx
@@ -0,0 +1,56 @@
+import { Row } from 'antd';
+import { Footer } from "antd/lib/layout/layout";
+import { smallIconStyle } from "./styles/iconStyle";
+import { regularWhiteWord } from "./styles/textStyles";
+import { ReactComponent as HelpIcon } from "./assets/icons/help-circle-icon.svg";
+import { ReactComponent as EtherscanLogo } from "./assets/icons/etherscan-logo-light.svg";
+
+import "./Footer.scss";
+
+export const DowgoFooter = () => {
+ return (
+
+ );
+};
diff --git a/src/actions/api/fetchAndSaveContractAddresses.ts b/src/actions/api/fetchAndSaveContractAddresses.ts
new file mode 100644
index 0000000..163dff1
--- /dev/null
+++ b/src/actions/api/fetchAndSaveContractAddresses.ts
@@ -0,0 +1,14 @@
+import { Dispatch } from "react";
+import { AppAction, AppState } from "../../context/AppContext";
+import { fetchContractAddresses } from "../../calls/api/fetchContractAddresses";
+
+export async function fetchAndSaveContractAddresses(
+ dispatch: Dispatch
+
+ 
+
+
+
+
+ );
+}
+
+export default DowgoBalance;
diff --git a/src/components/BalanceView/USDCBalance.tsx b/src/components/BalanceView/USDCBalance.tsx
new file mode 100644
index 0000000..876916b
--- /dev/null
+++ b/src/components/BalanceView/USDCBalance.tsx
@@ -0,0 +1,29 @@
+import { BigNumber } from "ethers";
+import { ONE_USDC_UNIT } from "../../constants";
+import { ReactComponent as UsdcIcon } from "../../assets/balance/usdc.svg";
+
+function USDCBalance(usdBalance: 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..cd5efcc
--- /dev/null
+++ b/src/components/BalanceView/index-balance.styles.scss
@@ -0,0 +1,17 @@
+.ant-card-head-title {
+ color: white;
+ font-family: var(--font-branded);
+}
+
+.ant-card-head {
+ border-bottom: 0px;
+}
+
+.balance-title-profile {
+ font-family: var(--font-branded);
+ font-size: 30px;
+ color: #0ff4e9;
+ margin-bottom: 20px;
+ font-weight: 600;
+ text-align: left;
+}
diff --git a/src/components/BalanceView/index.tsx b/src/components/BalanceView/index.tsx
new file mode 100644
index 0000000..ac183c4
--- /dev/null
+++ b/src/components/BalanceView/index.tsx
@@ -0,0 +1,85 @@
+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,
+ usdBalance: 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..8482b77
--- /dev/null
+++ b/src/components/Carousel/app-carousel.component.jsx
@@ -0,0 +1,45 @@
+//@ts-ignore
+import React, { useRef } from "react";
+import { Carousel, Button } from "antd";
+
+//components import
+import HomeMetrics from "../home-metrics/home-metrics.component";
+
+import "./app-carousel.styles.scss";
+
+const AppCarousel = () => {
+ const carouselRef = useRef();
+
+ return (
+ INVEST IN DOWGO FUNDS
+
+
+
+
+
+
+
+
+
+
+
+ {DowgoBalance(dowgoBalance, price)}
+
+
+ {USDCBalance(usdBalance)}
+
+
+ {
+ 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..5104202
--- /dev/null
+++ b/src/components/Carousel/app-carousel.styles.scss
@@ -0,0 +1,109 @@
+.app-carousel-container {
+ height: 100%;
+ width: 100%;
+
+ .ant-carousel {
+ height: 400px;
+ width: 100%;
+
+ .carousel-one-container {
+ height: 100%;
+ width: auto;
+ display: block;
+
+ .carousel-banner-title {
+ color: #0ff4e9;
+ text-align: center;
+ width: 100%;
+ font-size: 4rem;
+ font-family: var(--font-branded);
+ font-weight: 900;
+ letter-spacing: 5px;
+ animation: fadeIn 5s;
+ }
+
+ @keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ .carousel-dowgo-logo-container {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ margin-top: 60px;
+ .carousel-dowgo-logo {
+ height: 200px;
+ width: auto;
+ }
+ }
+
+ .carousel-button-invest {
+ width: 200px;
+ height: 60px;
+ margin-top: 70px;
+ border-radius: 50px;
+ color: white;
+ font-weight: 600;
+ font-size: 22px;
+ font-family: var(--font-branded);
+ 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: var(--font-branded);
+ 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.tsx b/src/components/ConnectMetaMask.tsx
deleted file mode 100644
index 952b1ea..0000000
--- a/src/components/ConnectMetaMask.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import React, { useEffect } from "react";
-import detectEthereumProvider from "@metamask/detect-provider";
-import { MetaMaskInpageProvider } from "@metamask/providers";
-import { Address, ChainId, ConnectMMStatus, SetStateFunction } from "../types/types";
-import { ethers, providers } from "ethers";
-
-function ConnectMetaMask(
- provider: providers.Web3Provider|undefined,
- setProvider: SetStateFunction
+
+
+
+
+
+
+ Buy DOWGO ONE
+
+
+
-
- );
-}
-
-export default ConnectMetaMask;
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 && (
-
- )}
- {`Balance : ${Number(balance)/10**18} Dai`}
);
-}
-
-export default DaiBalance;
diff --git a/src/components/DowgoTradingView/OldComponents/ApproveUSDC.tsx b/src/components/DowgoTradingView/OldComponents/ApproveUSDC.tsx
new file mode 100644
index 0000000..43229ab
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/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}
+
+ {
+ 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)
+ ).toLocaleString(undefined, { maximumFractionDigits: 2 })}`}
+ {`USDC Allowance to Dowgo : ${
+ allowance.toHexString() === INFINITE_ALLOWANCE
+ ? "Infinite"
+ : (Number(allowance) / Number(ONE_USDC_UNIT)).toLocaleString(
+ undefined,
+ { maximumFractionDigits: 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(usdBalanceOnContract) && (
+
+ );
+};
diff --git a/src/components/DowgoTradingView/OldComponents/old-index-contract.styles.scss b/src/components/DowgoTradingView/OldComponents/old-index-contract.styles.scss
new file mode 100644
index 0000000..a8a3d14
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/old-index-contract.styles.scss
@@ -0,0 +1,35 @@
+.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 {
+ color: white;
+ text-align: left;
+ font-size: 15px;
+ margin-top: -5px;
+ color: #0ff4e9;
+ padding-bottom: 5px;
+ letter-spacing: 1px;
+ font-family: var(--font-branded);
+ 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: var(--font-branded);
+ font-weight: 300;
+}
diff --git a/src/components/DowgoTradingView/OldComponents/old-index.tsx b/src/components/DowgoTradingView/OldComponents/old-index.tsx
new file mode 100644
index 0000000..b630997
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/old-index.tsx
@@ -0,0 +1,206 @@
+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 "./old-index-contract.styles.scss";
+
+const margin = "0.5em";
+
+function DowgoContract(
+ provider: providers.Web3Provider | undefined,
+ userEthAddress: EthAddress,
+ allowance: BigNumber,
+ usdBalance: BigNumber,
+ setUSDCBalance: SetStateFunction
+
+
+ {" "}
+
+
+
+
+ {" "}
+
+
+ );
+}
+
+export default DowgoContract;
diff --git a/src/components/DowgoTradingView/OldComponents/withdraw-component.styles.scss b/src/components/DowgoTradingView/OldComponents/withdraw-component.styles.scss
new file mode 100644
index 0000000..bf1f640
--- /dev/null
+++ b/src/components/DowgoTradingView/OldComponents/withdraw-component.styles.scss
@@ -0,0 +1,21 @@
+.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: var(--font-branded);
+ color: #0ff4e9;
+ border: 2px solid #0ff4e9;
+ box-shadow: 0 0 5px #0ff4e9, inset 0 0 5px #0ff4e9;
+ background-color: black;
+ cursor: pointer;
+}
diff --git a/src/components/DowgoTradingView/index.styles.scss b/src/components/DowgoTradingView/index.styles.scss
new file mode 100644
index 0000000..00f8373
--- /dev/null
+++ b/src/components/DowgoTradingView/index.styles.scss
@@ -0,0 +1,303 @@
+.trading-top-container {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+.trading-prompt {
+ width: 100%;
+ height: 29px;
+ left: 0;
+ top: 73%;
+ position: absolute;
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 29px;
+ align-items: center;
+ text-align: center;
+
+ color: #ffffff;
+ z-index: 50;
+
+ @media (max-width: 480px) {
+ top: 60%;
+ width: 100%;
+ padding: 0 30px;
+ }
+}
+
+.trading-container {
+ box-sizing: border-box;
+
+ position: absolute;
+ width: 600px;
+ height: 220px;
+ top: 83%;
+ align-items: center;
+ background: rgba(0, 0, 0, 0.8);
+ /* Border & Separator */
+ border: 1px solid #303030;
+ backdrop-filter: blur(30px);
+ /* Note: backdrop-filter has minimal browser support */
+ border-radius: 8px;
+ z-index: 20;
+ padding: 28px;
+
+ @media (max-width: 480px) {
+ width: 80vw;
+ height: 48vh;
+ top: 75%;
+
+ // max-height for MetaMask App browser
+ @media (max-height: 649px) {
+ top: 79% !important;
+ height: 58vh !important;
+ }
+
+ @media (min-height: 650px) {
+ top: 75% !important;
+ height: 48vh !important;
+ }
+ }
+}
+ .trading-container-row {
+ display: flex;
+ flex-flow: row wrap;
+ min-width: 0;
+ @media (max-width: 480px) {
+ display: block;
+ }
+ }
+
+ .trading-amount-dwg {
+ display: flex;
+ @media (max-width: 480px) {
+ margin-top: 30px;
+ }
+ }
+
+
+
+
+.trading-swap-btn {
+ display: flex;
+ @media (max-width: 480px) {
+ margin-top: 20px;
+ }
+}
+
+.hidden {
+ display: none;
+}
+.get-whitelisted-container {
+ position: absolute;
+ width: 780px;
+ //height: 570px;
+ top: 44%;
+ z-index: 51;
+
+ padding: 30px;
+
+ /* Content Background */
+
+ background: #111116;
+ /* Border & Separator */
+
+ border: 1px solid #303030;
+ backdrop-filter: blur(30px);
+ /* Note: backdrop-filter has minimal browser support */
+
+ border-radius: 8px;
+
+ @media (max-width: 480px) {
+ width: 90vw;
+ }
+}
+
+.trading-container-overlay {
+ box-sizing: border-box;
+ position: absolute;
+ width: 600px;
+ height: 220px;
+ top: 83%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(0, 0, 0, 0.7);
+ /* Border & Separator */
+ border: 1px solid #303030;
+ backdrop-filter: blur(2px);
+ /* Note: backdrop-filter has minimal browser support */
+ border-radius: 8px;
+ z-index: 21;
+ padding: 28px;
+
+ @media (max-width: 480px) {
+ width: 95vw;
+ }
+}
+.overlay-warning {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ /* Sub-Heading/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ color: #ffffff;
+}
+.overlay-text {
+ margin-top: 8px;
+ /* Sub-Heading/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ text-align: center;
+
+ color: #ffffff;
+}
+.overlay-action-text {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ margin-top: 16px;
+
+ /* Sub-Heading/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ /* Primary */
+
+ color: #0ff4e9;
+}
+
+.ant-select {
+ color: white;
+}
+.ant-select-arrow {
+ color: white;
+}
+.ant-select-dropdown {
+ color: red;
+ background-color: #191922;
+}
+.ant-select-item-option-content {
+ color: white;
+}
+.ant-select-item-option.ant-select-item-option-selected {
+ background-color: #191922;
+}
+.ant-select-item-option-active {
+ background-color: green;
+}
+.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+ background-color: #1f212a;
+}
+
+// Inputs
+.dowgo-input-label {
+ margin-top: 15px;
+
+ /* Sub-Heading/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ color: #ffffff;
+}
+.dowgo-input {
+ background-color: transparent;
+ padding: 14px;
+ margin-top: 15px;
+ width: 100%;
+
+ /* Border & Separator */
+
+ border: 1px solid #303030;
+ border-radius: 4px;
+ //transform: matrix(1, 0, 0, -1, 0, 0);
+
+ /* Sub-Heading/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Light Grey */
+
+ color: #969696;
+}
+
+.dowgo-error-message {
+ margin-top: 10px;
+
+ /* Sub-Heading/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Yellow Alert */
+
+ color: #b8a606;
+}
+
+.dowgo-success-message {
+ margin-top: 10px;
+ /* Sub-Heading/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+
+ /* Yellow Alert */
+
+ color: green;
+}
diff --git a/src/components/DowgoTradingView/index.tsx b/src/components/DowgoTradingView/index.tsx
new file mode 100644
index 0000000..acfeedc
--- /dev/null
+++ b/src/components/DowgoTradingView/index.tsx
@@ -0,0 +1,203 @@
+import React, { ReactNode, useContext, useState } from "react";
+import { Card, Col, InputNumber, Row, Select } from "antd";
+import { BigNumber, ethers, providers } from "ethers";
+
+import "./index.styles.scss";
+import { AmountLabel } from "./tradingViewComponents/AmountLabel";
+import { TradingInput } from "./tradingViewComponents/TradingInput";
+import { BalanceLabel } from "../displayComponents/BalanceLabel";
+import {
+ DOWGOOneComponent,
+ USDTComponent,
+} from "./tradingViewComponents/CurrencyComponents";
+import AppContext from "../../context/AppContext";
+import {
+ ALLOWED_NETWORKS,
+ ONE_DOWGO_UNIT,
+ ONE_USDC_UNIT,
+} from "../../constants";
+import { ApproveButton } from "./tradingViewComponents/ApproveButton";
+import { ChainId, Currency } from "../../types/types";
+import { SwapButton } from "./tradingViewComponents/SwapButton";
+import { useParams } from "react-router-dom";
+import { WrongNetworkOverlay } from "./overlayComponents/WrongNetworkOverlay";
+import { NotWhitelistedOverlay } from "./overlayComponents/NotWhitelistedOverlay";
+
+const { Option } = Select;
+
+function DowgoTradingInterface() {
+ const { state, dispatch } = useContext(AppContext);
+ let { buyOrSell } = useParams();
+
+ // Local State
+ const [inputCurrency, setInputCurrency] = useState
+
+
+ {`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)
+ ).toLocaleString(undefined, { maximumFractionDigits: 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)
+ } DWG1`}
+
+
+ {`User USDC Balance on the Contract : ${(
+ Number(usdBalanceOnContract) / Number(ONE_USDC_UNIT)
+ ).toLocaleString(undefined, {
+ maximumFractionDigits: 2,
+ })} USDC`}
+
+ Withdraw USDC from Contract
+
+ {WithdrawComponent(
+ provider,
+ chainId,
+ usdBalanceOnContract,
+ updateContractInfo,
+ contractAddresses
+ )}
+
+
+ +
+
+ );
+}
+
+export default DowgoTradingInterface;
diff --git a/src/components/DowgoTradingView/overlayComponents/NotWhitelistedOverlay.tsx b/src/components/DowgoTradingView/overlayComponents/NotWhitelistedOverlay.tsx
new file mode 100644
index 0000000..bf36c6b
--- /dev/null
+++ b/src/components/DowgoTradingView/overlayComponents/NotWhitelistedOverlay.tsx
@@ -0,0 +1,118 @@
+import jsonp from "jsonp";
+
+import { ChainId } from "../../../types/types";
+import { ALLOWED_NETWORKS } from "../../../constants";
+import { useContext, useState } from "react";
+import AppContext from "../../../context/AppContext";
+import { countryList } from "../../../constants/countryList";
+import { ethers } from "ethers";
+import { whitelistUserAndRefresh } from "../../../actions/api/whitelistUser";
+
+export const NotWhitelistedOverlay = () => {
+ const { state, dispatch } = useContext(AppContext);
+
+ const [ethKey, setEthKey] = useState("");
+ const [email, setEmail] = useState("");
+ const [country, setCountry] = useState("");
+ const [errorMsg, setErrorMsg] = useState("");
+
+ const onSubmit = async (e: any) => {
+ e.preventDefault();
+ const url =
+ "https://dowgo.us21.list-manage.com/subscribe/post-json?u=389cec789e7c3ea7cb5fc5e67&id=6f5867262d&f_id=0069f5e1f0"; // you can use .env file to replace this
+
+ if (!ethers.utils.isAddress(ethKey)) {
+ setErrorMsg("This is not a valid Ethereum Public Address");
+ } else if (ethKey !== "" && email !== "" && country !== "") {
+ setErrorMsg("Sending information and whitelisting...");
+ jsonp(
+ `${url}ÐKEY=${ethKey}&EMAIL=${email}&COUNTRY=${country}`,
+ { param: "c" },
+ (_, { msg }) => {
+ setErrorMsg(
+ msg === "Thank you for subscribing!"
+ ? `Thank you for subscribing! Whitelisting address and sending mockUSDT within a few minutes...`
+ : `Whitelisting address and sending mockUSDT within a few minutes... Error during email registration : ${msg}`
+ );
+ }
+ );
+ let resp = await whitelistUserAndRefresh(dispatch, state);
+ } else {
+ setErrorMsg(
+ "Whitelisting address and sending mockUSDT within a few minutes..."
+ );
+ let resp = await whitelistUserAndRefresh(dispatch, state);
+ }
+ };
+
+ const supportedNetwork =
+ state.chainId && ALLOWED_NETWORKS.includes(ChainId[state.chainId]);
+ const isDisplayed =
+ supportedNetwork && !state.isWhitelisted && state.currentAccount !== "0x";
+ return (
+
+ Start investing by swapping our token below
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {isApprovalNeeded ? (
+
+
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+
+ }
+ />
+
+
+
+ );
+};
diff --git a/src/components/DowgoTradingView/overlayComponents/WrongNetworkOverlay.tsx b/src/components/DowgoTradingView/overlayComponents/WrongNetworkOverlay.tsx
new file mode 100644
index 0000000..bba91c9
--- /dev/null
+++ b/src/components/DowgoTradingView/overlayComponents/WrongNetworkOverlay.tsx
@@ -0,0 +1,29 @@
+import { switchNetwork } from "../../../calls/metamask/switchNetwork";
+import { smallIconStyle } from "../../../styles/iconStyle";
+
+import { ReactComponent as SwitchIcon } from "../../../assets/icons/switch-icon.svg";
+import { ChainId } from "../../../types/types";
+import { ALLOWED_NETWORKS } from "../../../constants";
+
+export const WrongNetworkOverlay = () => {
+ return (
+
+
+
+ This Eth Address is not whitelisted.
+
+
+
+ Please fill this form to get whitelisted.
+ Optionally, add Email and Country to stay in touch.
+
+
+ Ethereum Public Key*
+ setEthKey(e.target.value)}
+ />
+ Email (optional)
+ setEmail(e.target.value)}
+ />
+ Country (optional)
+
+
+ {errorMsg}
+ {/* {errorMsg === "Thank you for subscribing! We will send you an email when you are whitelisted."
+ ? "dowgo-success-message"
+ : errorMsg} */}
+
+
+
+
+
+
+ );
+};
diff --git a/src/components/DowgoTradingView/tradingViewComponents/AmountLabel.tsx b/src/components/DowgoTradingView/tradingViewComponents/AmountLabel.tsx
new file mode 100644
index 0000000..b1522ac
--- /dev/null
+++ b/src/components/DowgoTradingView/tradingViewComponents/AmountLabel.tsx
@@ -0,0 +1,44 @@
+import { lightGrey, white } from "../../../styles/colors";
+import { smallIconStyle } from "../../../styles/iconStyle";
+import { ReactComponent as InfoIcon } from "../../../assets/icons/info-icon.svg";
+import { regularWhiteWord } from "../../../styles/textStyles";
+
+interface AmountProps {
+ min: number;
+ max: number;
+}
+export function AmountLabel(props: AmountProps) {
+ return (
+
+
+ Network Not Supported
+
+ Please switch to an authorized network to fully enjoy our trading
+ features.
+
+ {
+ switchNetwork(ChainId[ALLOWED_NETWORKS[0]]);
+ }}
+ >
+
+
+ Amount
+
+ {`(min: ${props.min}, max ${props.max.toLocaleString(undefined, {
+ maximumFractionDigits: 2,
+ })})`}
+
+ );
+}
diff --git a/src/components/DowgoTradingView/tradingViewComponents/ApproveButton.tsx b/src/components/DowgoTradingView/tradingViewComponents/ApproveButton.tsx
new file mode 100644
index 0000000..502df4f
--- /dev/null
+++ b/src/components/DowgoTradingView/tradingViewComponents/ApproveButton.tsx
@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import AppContext from "../../../context/AppContext";
+import { TradeButton } from "../../displayComponents/TradeButton";
+import { approveUSDAndUpdate } from "../../../actions/contracts/usdtContract/approveUSDAndUpdate";
+
+export function ApproveButton() {
+ const { state, dispatch, notificationApi } = useContext(AppContext);
+
+ return TradeButton(() => {
+ approveUSDAndUpdate(dispatch, state, notificationApi);
+ }, "Approve USDT");
+}
diff --git a/src/components/DowgoTradingView/tradingViewComponents/CurrencyComponents.tsx b/src/components/DowgoTradingView/tradingViewComponents/CurrencyComponents.tsx
new file mode 100644
index 0000000..957cb02
--- /dev/null
+++ b/src/components/DowgoTradingView/tradingViewComponents/CurrencyComponents.tsx
@@ -0,0 +1,34 @@
+import { smallIconStyle } from "../../../styles/iconStyle";
+// Logos
+import DowgoLogo from "../../../assets/icons/dowgo-logo.png";
+import USDTLogo from "../../../assets/icons/usdt-logo.png";
+
+export const USDTComponent = () => {
+ return (
+
+ USDT
+ 
+
+ );
+};
+
+export const DOWGOOneComponent = () => {
+ return (
+
+ DWG1
+
+
+ );
+};
diff --git a/src/components/DowgoTradingView/tradingViewComponents/SwapButton.tsx b/src/components/DowgoTradingView/tradingViewComponents/SwapButton.tsx
new file mode 100644
index 0000000..9cd7026
--- /dev/null
+++ b/src/components/DowgoTradingView/tradingViewComponents/SwapButton.tsx
@@ -0,0 +1,28 @@
+import { useContext } from "react";
+import { Currency } from "../../../types/types";
+import { TradeButton } from "../../displayComponents/TradeButton";
+import AppContext from "../../../context/AppContext";
+import { buyDowgoAndUpdate } from "../../../actions/contracts/dowgoContract/buyDowgoAndUpdate";
+import { sellDowgoAndUpdate } from "../../../actions/contracts/dowgoContract/sellDowgoAndUpdate";
+import { ONE_USDC_UNIT } from "../../../constants";
+
+export function SwapButton(props: {
+ inputCurrency: Currency;
+ inputAmount: number;
+}) {
+ const { state, dispatch, notificationApi } = useContext(AppContext);
+ return TradeButton(() => {
+ if (props.inputCurrency === "USDT") {
+ const price = Number(state.price) / Number(ONE_USDC_UNIT);
+ price !== 0 &&
+ buyDowgoAndUpdate(
+ dispatch,
+ state,
+ props.inputAmount / price,
+ notificationApi
+ );
+ } else {
+ sellDowgoAndUpdate(dispatch, state, props.inputAmount, notificationApi);
+ }
+ }, "Swap");
+}
diff --git a/src/components/DowgoTradingView/tradingViewComponents/TradingInput.styles.scss b/src/components/DowgoTradingView/tradingViewComponents/TradingInput.styles.scss
new file mode 100644
index 0000000..b8a3a5d
--- /dev/null
+++ b/src/components/DowgoTradingView/tradingViewComponents/TradingInput.styles.scss
@@ -0,0 +1,51 @@
+.ant-input-number {
+ background-color: transparent;
+ border-width: 1px 0px 1px 1px;
+ border-style: solid;
+ border-color: #303030;
+ border-radius: 4px;
+ color: #969696;
+ height: 38px;
+ font-size: 16px;
+ font-family: "Montserrat";
+}
+.ant-input-number-input-wrap {
+ height: 100%;
+ display: flex;
+ align-items: center;
+}
+.ant-input-number-group-addon {
+ background-color: transparent;
+ border-width: 1px 1px 1px 0px;
+ border-style: solid;
+ border-color: #303030;
+ color: white;
+ font-family: "Montserrat";
+}
+
+// this is hiden for now
+
+// .ant-input-number-handler{
+// background-color: transparent;
+// border-color: transparent;
+// }
+// .ant-input-number-handler-wrap{
+// background-color: transparent;
+// border-color: transparent;
+// }
+// .ant-input-number-handler-down{
+// border-color: transparent;
+// color:#0FF4E9
+// }
+// .ant-input-number-handler-down-inner{
+// border-color: transparent;
+// color:#0FF4E9
+// }
+// .ant-input-number-handler-up{
+// border-color: transparent;
+// color:#0FF4E9
+// }
+// .ant-input-number-handler-up-inner{
+// border-color: transparent;
+// color:#0FF4E9
+// }
diff --git a/src/components/DowgoTradingView/tradingViewComponents/TradingInput.tsx b/src/components/DowgoTradingView/tradingViewComponents/TradingInput.tsx
new file mode 100644
index 0000000..5da3a6e
--- /dev/null
+++ b/src/components/DowgoTradingView/tradingViewComponents/TradingInput.tsx
@@ -0,0 +1,24 @@
+import { InputNumber } from "antd";
+import "./TradingInput.styles.scss";
+
+interface TradingInputProps {
+ addonAfter: React.ReactNode;
+ min: number;
+ max: number;
+ defaultValue: number;
+ value: number;
+ onChange: (number) => void;
+}
+export const TradingInput = (props: TradingInputProps) => {
+ return (
+
+
+
+
+
+ {state.stockPortfolio &&
+ state.stockPortfolio.map((stock) => {
+ const prct =
+ (100 * stock.balance * stock.price) / totalPortfolioAmount;
+ return (
+
+
+ );
+ })}
+
+ );
+}
diff --git a/src/components/FundsView/FundInformationRow.tsx b/src/components/FundsView/FundInformationRow.tsx
new file mode 100644
index 0000000..ac87b60
--- /dev/null
+++ b/src/components/FundsView/FundInformationRow.tsx
@@ -0,0 +1,76 @@
+import { Col, Row } from "antd";
+import { useContext } from "react";
+import AppContext from "../../context/AppContext";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../constants";
+import { ReactComponent as ArrowDown } from "../../assets/icons/arrow-down-icon.svg";
+
+interface FundInformationRowProps {
+ openFundDetails: boolean;
+ toggleDetails: () => void;
+}
+
+export function FundInformationRow(props: FundInformationRowProps) {
+ const { openFundDetails, toggleDetails } = props;
+ const { state } = useContext(AppContext);
+
+ const tokenPrice = Number(state.price) / Number(ONE_USDC_UNIT);
+ const tokenPriceFixedDecimals = tokenPrice.toLocaleString(undefined, {
+ maximumFractionDigits: 2,
+ });
+ const aum = (
+ (Number(state.totalSupply) * Number(state.price)) /
+ Number(ONE_DOWGO_UNIT) /
+ Number(ONE_USDC_UNIT)
+ ).toLocaleString(undefined, { maximumFractionDigits: 2 });
+ return (
+ Funds Portfolio
+
+
+
+
+
+
+
+
+
+
+
+
+ DOWGO ONE
+
+ DWG1
+
+ More Details
+
+ {/* TODO: add link to details */}
+
+
+
+
+
+
+
+ {/*
+ TODO: add performance when we have a longer history on the Fund
+ */}
+
+
+ Active
+
+
+
+ AUM
+ {`$${aum.toLocaleString()}`}
+
+
+ Token Price
+ {`$${tokenPriceFixedDecimals}`}
+
+ {openFundDetails ? (
+
+
+
+ ) : (
+
+
+ )}
+
+
+ );
+}
+
+export default FundsView;
diff --git a/src/components/Menu/ConnectMetaMask.tsx b/src/components/Menu/ConnectMetaMask.tsx
new file mode 100644
index 0000000..5e230ca
--- /dev/null
+++ b/src/components/Menu/ConnectMetaMask.tsx
@@ -0,0 +1,60 @@
+import React, { useContext } from "react";
+
+import { Dropdown, MenuProps } from "antd";
+
+import AppContext from "../../context/AppContext";
+import { RoundButton } from "../displayComponents/RoundButton";
+
+//icons
+import { ReactComponent as InfoIcon } from "../../assets/icons/info-icon.svg";
+import { ReactComponent as MetamaskIcon } from "../../assets/icons/metamask-icon.svg";
+import { ReactComponent as ArrowRightIcon } from "../../assets/icons/arrow-right-icon.svg";
+
+import { smallIconStyle } from "../../styles/iconStyle";
+import { lightGrey, primaryColor } from "../../styles/colors";
+import { fetchAndSaveAccount } from "../../actions/metamask/fetchAndSaveAccount";
+
+function ConnectMetaMask() {
+ const { state, dispatch } = useContext(AppContext);
+
+ const items: MenuProps["items"] = [
+ {
+ label: (
+ Dowgo Funds
+
+
+
+
+
+
+ Other funds coming soon...
+
+
+ Metamask is either locked or not installed
+
+
+ ),
+ key: "0",
+ },
+ {
+ label: (
+
+ ),
+ key: "1",
+ },
+ ];
+
+ return {
+ key: "Connect",
+ icon: (
+
+
+
+ );
+}
+
+export default DowgoMenu;
diff --git a/src/components/Menu/DowgoMenuMobile/DowgoMenuMobile.styles.scss b/src/components/Menu/DowgoMenuMobile/DowgoMenuMobile.styles.scss
new file mode 100644
index 0000000..00aaf28
--- /dev/null
+++ b/src/components/Menu/DowgoMenuMobile/DowgoMenuMobile.styles.scss
@@ -0,0 +1,186 @@
+@import "~antd/dist/antd.css";
+
+.ant-layout-header {
+ background: transparent !important;
+}
+
+.mobile-menu-container {
+ display: block;
+ float: right;
+ width: 75vw;
+
+ .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-item {
+ white-space: nowrap;
+ transition: none;
+ }
+
+ .ant-menu-item a::before {
+ color: white !important;
+ }
+
+ .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;
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ }
+
+
+ .ant-menu-overflow-item ant-menu-item ant-menu-item-only-child {
+ height: 30px;
+ display: inline;
+ align-items: center;
+ vertical-align: middle;
+ }
+
+ .profile-icon-link {
+ display: flex;
+ }
+
+ .dowgo-menu-icon {
+ width: 24px;
+ height: 24px;
+ }
+
+
+ .ant-menu-title-content {
+ color: rgba(255, 255, 255, 1);
+ font-size: 14px;
+ position: relative;
+ letter-spacing: 0.6px;
+ text-decoration: none;
+ width: auto;
+ font-family: var(--font-branded);
+ }
+
+ .ant-menu-item-selected .ant-menu-title-content > .dowgo-menu-item {
+ font-weight: 700 !important;
+ }
+
+ .ant-menu-item-selected .ant-menu-title-content > .dowgo-menu-item-invest {
+ font-weight: 700 !important;
+ }
+
+ .ant-menu-title-content > .dowgo-menu-item-invest {
+ padding-left: -3px !important;
+ }
+
+
+
+ .ant-menu-submenu.ant-menu-dark.ant-menu-submenu-popup.ant-menu {
+ background: #111116;
+ border: 1px solid #303030;
+ border-radius: 4px;
+ }
+
+ .ant-menu.ant-menu-dark {
+ background: none;
+ height: 100vh;
+ }
+
+ .mobile-menu-overlay {
+ background-color: rgb(0,0,0,.9)
+ }
+
+ .mobile-menu-btn {
+ background-color: transparent;
+ border: 0px;
+ float: right;
+
+ .active {
+ transform: scale(.8);
+ }
+ path {
+ transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
+ stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
+ stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
+ }
+ path:nth-child(1) {
+ transform-origin: 36% 40%;
+ }
+ path:nth-child(2) {
+ stroke-dasharray: 29 299;
+ }
+ path:nth-child(3) {
+ transform-origin: 35% 63%;
+ }
+ path:nth-child(4) {
+ stroke-dasharray: 29 299;
+ }
+ path:nth-child(5) {
+ transform-origin: 61% 52%;
+ }
+ path:nth-child(6) {
+ transform-origin: 62% 52%;
+ }
+ .active path:nth-child(1) {
+ transform: translateX(9px) translateY(1px) rotate(45deg);
+ }
+ .active path:nth-child(2) {
+ stroke-dasharray: 225 299;
+ stroke-dashoffset: -72px;
+ }
+ .active path:nth-child(3) {
+ transform: translateX(9px) translateY(1px) rotate(-45deg);
+ }
+ .active path:nth-child(4) {
+ stroke-dasharray: 225 299;
+ stroke-dashoffset: -72px;
+ }
+ .active path:nth-child(5) {
+ transform: translateX(9px) translateY(1px) rotate(-45deg);
+ }
+ .active path:nth-child(6) {
+ transform: translateX(9px) translateY(1px) rotate(45deg);
+ }
+
+ .mobile-menu-icon {
+ transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
+ margin: 5px;
+ }
+ }
+
+ .mobile-menu-icon-invest {
+ height: 35px;
+ width: 35px;
+ margin-left: -4px;
+ }
+
+ .mobile-menu-items-icon {
+ height: 30px;
+ width: 30px;
+ }
+
+ .mobile-myportfolio-icon {
+ height: 38px;
+ }
+
+}
+
+.ant-dropdown-menu-root {
+ background: #111116;
+ border: 1px solid #303030;
+ border-radius: 4px;
+ position: fixed;
+}
+
+.ant-dropdown-placement-bottomLeft {
+ @media (max-width: 480px) {
+ width: 75vw;
+ left: 25vw !important;
+ bottom: 0 !important;
+ top: 100% !important;
+ margin-top: 500px !important;
+ }
+}
\ No newline at end of file
diff --git a/src/components/Menu/DowgoMenuMobile/DowgoMenuMobile.tsx b/src/components/Menu/DowgoMenuMobile/DowgoMenuMobile.tsx
new file mode 100644
index 0000000..18655a2
--- /dev/null
+++ b/src/components/Menu/DowgoMenuMobile/DowgoMenuMobile.tsx
@@ -0,0 +1,145 @@
+import React, { useState } from 'react';
+import { Menu, MenuProps } from "antd";
+
+import { Link } from "react-router-dom";
+import { ProfileDropdown } from "../ProfileDropdown";
+import ConnectMetaMask from "../ConnectMetaMask";
+import { NetworkDropdown } from "../NetworkDropdown";
+import { useContext } from "react";
+import AppContext from "../../../context/AppContext";
+
+import { ReactComponent as MobileMenuIcon} from '../../../assets/header/mobileMenuIcon.svg';
+import { ReactComponent as MobileInvestIcon} from '../../../assets/header/menuMobile/invest-token.svg';
+import { ReactComponent as MobileFundsIcon} from '../../../assets/header/menuMobile/funds-icon.svg';
+import { ReactComponent as MobileMyPortfolioIcon} from '../../../assets/header/menuMobile/myportfolio-icon.svg';
+import { ReactComponent as MobileWithdrawIcon} from '../../../assets/header/menuMobile/withdraw-icon.svg';
+
+import "./DowgoMenuMobile.styles.scss";
+
+function DowgoMenuMobile() {
+
+ const { state } = useContext(AppContext);
+ const [collapsed, setCollapsed] = useState(true);
+ const [isActive, setIsActive] = useState(true);
+
+ const toggleCollapsed = () => {
+ setCollapsed(!collapsed);
+ setIsActive(current => !current);
+ };
+
+
+ const menuItems: MenuProps["items"] = [
+ {
+ key: "Invest",
+ icon: (
+
+
+ );
+}
+
+export default DowgoMenuMobile;
diff --git a/src/components/Menu/NetworkDropdown.tsx b/src/components/Menu/NetworkDropdown.tsx
new file mode 100644
index 0000000..3a450a8
--- /dev/null
+++ b/src/components/Menu/NetworkDropdown.tsx
@@ -0,0 +1,39 @@
+import { ReactComponent as EthereumIcon } from "../../assets/icons/ethereum-icon.svg";
+import { ReactComponent as SwitchIcon } from "../../assets/icons/switch-icon.svg";
+import { useContext } from "react";
+import AppContext from "../../context/AppContext";
+import { ChainId } from "../../types/types";
+import { ALLOWED_NETWORKS } from "../../constants";
+import { smallIconStyle } from "../../styles/iconStyle";
+import { switchNetwork } from "../../calls/metamask/switchNetwork";
+
+export const NetworkDropdown = () => {
+ const { state, dispatch } = useContext(AppContext);
+ const supportedNetwork =
+ state.chainId && ALLOWED_NETWORKS.includes(ChainId[state.chainId]);
+ return {
+ key: "NetworkDropdown",
+ icon:
+
+ {collapsed ? ""
+ :
+
+
+
+
+
+ }
+
+
+ ) : (
+ {
+ switchNetwork(ChainId[ALLOWED_NETWORKS[0]]);
+ }}
+ >
+
+ ),
+ },
+ ],
+ };
+};
diff --git a/src/components/Menu/ProfileDropdown.tsx b/src/components/Menu/ProfileDropdown.tsx
new file mode 100644
index 0000000..74d0f36
--- /dev/null
+++ b/src/components/Menu/ProfileDropdown.tsx
@@ -0,0 +1,134 @@
+import { useContext } from "react";
+import Jazzicon, { jsNumberForAddress } from "react-jazzicon";
+
+import AppContext from "../../context/AppContext";
+import { EthAddress } from "../../types/types";
+import { RoundButton } from "../displayComponents/RoundButton";
+import CopyButton from "../displayComponents/CopyButton";
+
+// Icons
+import { ReactComponent as LogOutIcon } from "../../assets/icons/log-out-icon.svg";
+import { ReactComponent as SettingsIcon } from "../../assets/icons/settings-icon.svg";
+
+import { smallIconStyle } from "../../styles/iconStyle";
+import { lightGrey, primaryColor } from "../../styles/colors";
+
+export const shortenedAddress = (address: EthAddress): string => {
+ return `${address.substring(0, 4)}...${address.substring(38, 42)}`;
+};
+const handleLogout = async () => {
+ try {
+ // Request the user to disconnect from the DApp
+ //@ts-ignore
+ await window.ethereum.request({
+ method: "wallet_requestPermissions",
+ params: [{ eth_accounts: {} }],
+ });
+ // Disconnect the user from the wallet
+ //@ts-ignore
+ await window.ethereum.request({ method: "wallet_disconnect" });
+ } catch (err) {
+ console.error(err);
+ }
+};
+
+export const ProfileDropdown = () => {
+ const { state, dispatch } = useContext(AppContext);
+
+ return {
+ key: "Profile",
+ icon: RoundButton(() => {}, shortenedAddress(state.currentAccount)),
+
+ children: [
+ {
+ key: "profileAccount",
+ popupclassname: "dowgo-submenu",
+ icon: (
+
+ {
+ handleLogout();
+ }}
+ style={{ marginLeft: "80px", color: primaryColor }}
+ />
+ {/* TODO: add log out button */}
+
+ ),
+ },
+ {
+ key: "profileSettings",
+ popupclassname: "dowgo-submenu",
+ icon: (
+
+
+
+
+ {shortenedAddress(state.currentAccount)}
+
+
+
+ ),
+ },
+ ],
+ };
+ // return (
+ // Account information
+
+ // Status :{" "}
+ //
+ // {status}
+ //
+ //
+ //
+ // Account:{" "}
+ // {state.currentAccount !== "0x"
+ // ? `${state.currentAccount.substring(
+ // 0,
+ // 4
+ // )}...${state.currentAccount.substring(38, 42)}`
+ // : "Not Connected"}
+ //
+ //
+ // Chain: {state.chainId ? ChainId[state.chainId] : "Unkown Chain"}
+ // {supportedNetwork ? null : (
+ // Unsupported Network
+ // )}
+ //
+ //
+
+
+
+
+ {state.stockPortfolio &&
+ state.stockPortfolio.map((stock) => {
+ const myAmount =
+ (Number(state.dowgoBalance) * stock.balance * stock.price) /
+ Number(state.totalSupply);
+ return (
+
+
+ );
+ })}
+
+ );
+}
diff --git a/src/components/MyPortfolioView/MyPortfolioInformationRow.tsx b/src/components/MyPortfolioView/MyPortfolioInformationRow.tsx
new file mode 100644
index 0000000..6e18faf
--- /dev/null
+++ b/src/components/MyPortfolioView/MyPortfolioInformationRow.tsx
@@ -0,0 +1,86 @@
+import { Col, Row } from "antd";
+import { useContext } from "react";
+import AppContext from "../../context/AppContext";
+import { ONE_DOWGO_UNIT, ONE_USDC_UNIT } from "../../constants";
+import { ReactComponent as ArrowDown } from "../../assets/icons/arrow-down-icon.svg";
+
+interface MyPortfolioInformationRowProps {
+ openPortfolioDetails: boolean;
+ toggleDetails: () => void;
+}
+
+export function MyPortfolioInformationRow(
+ props: MyPortfolioInformationRowProps
+) {
+ const { openPortfolioDetails, toggleDetails } = props;
+ const { state } = useContext(AppContext);
+
+ const tokenPrice = Number(state.price) / Number(ONE_USDC_UNIT);
+ const ownedTokens = Number(state.dowgoBalance) / Number(ONE_DOWGO_UNIT);
+ const tokenPriceFixedDecimals = tokenPrice.toLocaleString(undefined, {
+ maximumFractionDigits: 2,
+ });
+ const investedUSD = (
+ (Number(state.dowgoBalance) * Number(state.price)) /
+ Number(ONE_DOWGO_UNIT) /
+ Number(ONE_USDC_UNIT)
+ ).toLocaleString(undefined, { maximumFractionDigits: 2 });
+ return (
+ My Portfolio
+
+
+
+
+
+
+
+
+
+
+ DOWGO ONE
+
+ DWG1
+
+ More Details
+
+ {/* TODO: add link to details */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+ TODO: add performance and pNL when we have a longer history on the Fund
+ */}
+ Token Price
+
+ {`$${tokenPriceFixedDecimals}`}
+
+
+
+ Nb of Tokens
+ {`${ownedTokens
+ .toLocaleString(undefined, { maximumFractionDigits: 2 })
+ .replace(/[.,]00$/, "")}`}
+
+
+
+
+ Invested USD
+ {`$${investedUSD}`}
+
+ {openPortfolioDetails ? (
+
+
+
+ ) : (
+
+
+ )}
+
+
+ );
+}
+
+export default MyPortfolioView;
diff --git a/src/components/WithdrawView/index.styles.scss b/src/components/WithdrawView/index.styles.scss
new file mode 100644
index 0000000..f0f05e6
--- /dev/null
+++ b/src/components/WithdrawView/index.styles.scss
@@ -0,0 +1,128 @@
+.withdraw-top-container {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+.withdraw-title {
+ width: 100%;
+ height: 50px;
+ left: 0;
+ top: 144px;
+ position: absolute;
+
+ /* H4/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 32px;
+ line-height: 39px;
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+
+ /* Primary */
+
+ color: #0ff4e9;
+
+ z-index: 50;
+}
+
+.withdraw-subtitle {
+ width: 100%;
+ height: 40px;
+ left: 0;
+ top: 198px;
+ position: absolute;
+
+ /* Sub-Heading/Regular */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 20px;
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+
+ color: #ffffff;
+ z-index: 50;
+
+ @media (max-width: 480px) {
+ height: 60px;
+ margin: 20px 0px 20px 0px;
+ }
+
+ .withdraw-subtitle-text {
+ max-width: 392px;
+ @media (max-width: 480px) {
+ max-width: 360px;
+
+ }
+ }
+}
+
+.withdraw-container {
+ box-sizing: border-box;
+
+ position: absolute;
+ width: 392px;
+ height: 270px;
+ top: 270px;
+
+ align-items: center;
+
+ background: rgba(0, 0, 0, 0.8);
+ /* Border & Separator */
+
+ border: 1px solid #303030;
+ backdrop-filter: blur(30px);
+ /* Note: backdrop-filter has minimal browser support */
+
+ border-radius: 8px;
+
+ z-index: 20;
+
+ @media (max-width: 480px) {
+ width: 350px;
+ height: 270px;
+ top: 308px;
+ }
+}
+
+.withdraw-container-header {
+ height: 64px;
+ width: 100%;
+ background: #111116;
+ border-bottom: 1px solid #303030;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+
+ /* Sub-Heading/Bold */
+
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 20px;
+ /* identical to box height */
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+
+ color: #ffffff;
+}
+
+.withdraw-container-content {
+ padding: 24px;
+}
+
+.withdraw-input > .ant-input-number-group-wrapper {
+ width: 100%;
+}
diff --git a/src/components/WithdrawView/index.tsx b/src/components/WithdrawView/index.tsx
new file mode 100644
index 0000000..c860cce
--- /dev/null
+++ b/src/components/WithdrawView/index.tsx
@@ -0,0 +1,75 @@
+import { useContext, useState } from "react";
+import { InputNumber } from "antd";
+
+// Logos
+import USDTLogo from "../../assets/icons/usdt-logo.png";
+
+import "./index.styles.scss";
+import { BalanceLabel } from "../displayComponents/BalanceLabel";
+import { TradeButton } from "../displayComponents/TradeButton";
+import { regularWhiteWord } from "../../styles/textStyles";
+import AppContext from "../../context/AppContext";
+import { ONE_USDC_UNIT } from "../../constants";
+import { withdrawUSDAndUpdate } from "../../actions/contracts/dowgoContract/withdrawUSDAndUpdate";
+import { USDTComponent } from "../DowgoTradingView/tradingViewComponents/CurrencyComponents";
+
+function WithdrawView() {
+ const { state, dispatch, notificationApi } = useContext(AppContext);
+ const usdBalanceOnContract =
+ Number(state.usdBalanceOnDowgo) / Number(ONE_USDC_UNIT);
+
+ const [withdrawInput, setWithdrawInput] = useState
+
+ My Portfolio
+
+
+ {`$${investedUSD}`}
+ Dowgo Funds
+
+
+ {/* TODO: add this when we have more funds
+
+
*/}
+ Discover More funds
+
+
+ );
+}
+
+export default WithdrawView;
diff --git a/src/components/displayComponents/BalanceLabel.tsx b/src/components/displayComponents/BalanceLabel.tsx
new file mode 100644
index 0000000..085c5ff
--- /dev/null
+++ b/src/components/displayComponents/BalanceLabel.tsx
@@ -0,0 +1,41 @@
+import { lightGrey, primaryColor, white } from "../../styles/colors";
+
+interface BalanceLabelProps {
+ balance: number;
+ text: string;
+}
+export function BalanceLabel(props: BalanceLabelProps) {
+ return (
+ Withdraw Tokens
+
+
+
+ In order to secure your fund, we add a step to withdraw your funds
+ from the smart contract.
+
+
+
+ Withdraw
+
+
+ Amount
+
+
+
+
+
+ {TradeButton(() => {
+ withdrawUSDAndUpdate(
+ dispatch,
+ state,
+ withdrawInput,
+ notificationApi
+ );
+ }, "Withdraw")}
+
+
+
+ {`${props.text}: ${props.balance.toLocaleString(undefined, {
+ maximumFractionDigits: 2,
+ })}`}
+
+
+ {/* (Max) */}
+
+
+ );
+}
diff --git a/src/components/displayComponents/Button.tsx b/src/components/displayComponents/Button.tsx
new file mode 100644
index 0000000..49cf0ae
--- /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/CopyButton.tsx b/src/components/displayComponents/CopyButton.tsx
new file mode 100644
index 0000000..69f60c9
--- /dev/null
+++ b/src/components/displayComponents/CopyButton.tsx
@@ -0,0 +1,12 @@
+import { ReactComponent as CopyIcon } from "../../assets/icons/copy-icon.svg";
+import { smallIconStyle } from "../../styles/iconStyle";
+
+function CopyButton(props) {
+ const handleClick = () => {
+ navigator.clipboard.writeText(props.text);
+ };
+
+ return
+ {txStatus.status}
+
+ }
+ {txStatus.message && (
+
+ {txStatus.status === "Success: Tx Confirmed" ? (
+
+ Etherscan
+
+ ) : (
+ txStatus.message
+ )}
+
+ )}
+
+ );
+};
diff --git a/src/components/displayComponents/RoundButton.tsx b/src/components/displayComponents/RoundButton.tsx
new file mode 100644
index 0000000..95d3223
--- /dev/null
+++ b/src/components/displayComponents/RoundButton.tsx
@@ -0,0 +1,26 @@
+import { Button } from "antd";
+
+export const RoundButton = (action: () => any, text: string) => {
+ return (
+
+ );
+};
diff --git a/src/components/displayComponents/TradeButton.tsx b/src/components/displayComponents/TradeButton.tsx
new file mode 100644
index 0000000..4a751c7
--- /dev/null
+++ b/src/components/displayComponents/TradeButton.tsx
@@ -0,0 +1,32 @@
+import { Button } from "antd";
+
+import { ReactComponent as MetamaskIcon } from "../../assets/header/metamask.svg";
+
+export const TradeButton = (action: () => any, text: string) => {
+ return (
+
+ );
+};
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..9aa97d1
--- /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: var(--font-branded);
+ 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: var(--font-branded);
+}
+
+.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: var(--font-branded);
+ 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..315b3a6
--- /dev/null
+++ b/src/components/home-metrics/home-metrics.component.tsx
@@ -0,0 +1,111 @@
+//@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..92dd717
--- /dev/null
+++ b/src/components/home-metrics/home-metrics.styles.scss
@@ -0,0 +1,113 @@
+.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: var(--font-branded);
+ 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: var(--font-branded);
+ 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: var(--font-branded);
+ font-size: 15px;
+ }
+
+ .metrics-button-funds {
+ background-color: transparent;
+ color: #0ff4e9;
+ letter-spacing: 1px;
+ font-family: var(--font-branded);
+ 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: var(--font-branded);
+ 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..d52e1f0
--- /dev/null
+++ b/src/constants/contractAddresses.ts
@@ -0,0 +1,15 @@
+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";
diff --git a/src/constants/countryList.ts b/src/constants/countryList.ts
new file mode 100644
index 0000000..c66e7a2
--- /dev/null
+++ b/src/constants/countryList.ts
@@ -0,0 +1,251 @@
+export const countryList = [
+ "Afghanistan",
+ "Albania",
+ "Algeria",
+ "American Samoa",
+ "Andorra",
+ "Angola",
+ "Anguilla",
+ "Antarctica",
+ "Antigua and Barbuda",
+ "Argentina",
+ "Armenia",
+ "Aruba",
+ "Australia",
+ "Austria",
+ "Azerbaijan",
+ "Bahamas (the)",
+ "Bahrain",
+ "Bangladesh",
+ "Barbados",
+ "Belarus",
+ "Belgium",
+ "Belize",
+ "Benin",
+ "Bermuda",
+ "Bhutan",
+ "Bolivia (Plurinational State of)",
+ "Bonaire, Sint Eustatius and Saba",
+ "Bosnia and Herzegovina",
+ "Botswana",
+ "Bouvet Island",
+ "Brazil",
+ "British Indian Ocean Territory (the)",
+ "Brunei Darussalam",
+ "Bulgaria",
+ "Burkina Faso",
+ "Burundi",
+ "Cabo Verde",
+ "Cambodia",
+ "Cameroon",
+ "Canada",
+ "Cayman Islands (the)",
+ "Central African Republic (the)",
+ "Chad",
+ "Chile",
+ "China",
+ "Christmas Island",
+ "Cocos (Keeling) Islands (the)",
+ "Colombia",
+ "Comoros (the)",
+ "Congo (the Democratic Republic of the)",
+ "Congo (the)",
+ "Cook Islands (the)",
+ "Costa Rica",
+ "Croatia",
+ "Cuba",
+ "Curaçao",
+ "Cyprus",
+ "Czechia",
+ "Côte d'Ivoire",
+ "Denmark",
+ "Djibouti",
+ "Dominica",
+ "Dominican Republic (the)",
+ "Ecuador",
+ "Egypt",
+ "El Salvador",
+ "Equatorial Guinea",
+ "Eritrea",
+ "Estonia",
+ "Eswatini",
+ "Ethiopia",
+ "Falkland Islands (the) [Malvinas]",
+ "Faroe Islands (the)",
+ "Fiji",
+ "Finland",
+ "France",
+ "French Guiana",
+ "French Polynesia",
+ "French Southern Territories (the)",
+ "Gabon",
+ "Gambia (the)",
+ "Georgia",
+ "Germany",
+ "Ghana",
+ "Gibraltar",
+ "Greece",
+ "Greenland",
+ "Grenada",
+ "Guadeloupe",
+ "Guam",
+ "Guatemala",
+ "Guernsey",
+ "Guinea",
+ "Guinea-Bissau",
+ "Guyana",
+ "Haiti",
+ "Heard Island and McDonald Islands",
+ "Holy See (the)",
+ "Honduras",
+ "Hong Kong",
+ "Hungary",
+ "Iceland",
+ "India",
+ "Indonesia",
+ "Iran (Islamic Republic of)",
+ "Iraq",
+ "Ireland",
+ "Isle of Man",
+ "Israel",
+ "Italy",
+ "Jamaica",
+ "Japan",
+ "Jersey",
+ "Jordan",
+ "Kazakhstan",
+ "Kenya",
+ "Kiribati",
+ "Korea (the Democratic People's Republic of)",
+ "Korea (the Republic of)",
+ "Kuwait",
+ "Kyrgyzstan",
+ "Lao People's Democratic Republic (the)",
+ "Latvia",
+ "Lebanon",
+ "Lesotho",
+ "Liberia",
+ "Libya",
+ "Liechtenstein",
+ "Lithuania",
+ "Luxembourg",
+ "Macao",
+ "Madagascar",
+ "Malawi",
+ "Malaysia",
+ "Maldives",
+ "Mali",
+ "Malta",
+ "Marshall Islands (the)",
+ "Martinique",
+ "Mauritania",
+ "Mauritius",
+ "Mayotte",
+ "Mexico",
+ "Micronesia (Federated States of)",
+ "Moldova (the Republic of)",
+ "Monaco",
+ "Mongolia",
+ "Montenegro",
+ "Montserrat",
+ "Morocco",
+ "Mozambique",
+ "Myanmar",
+ "Namibia",
+ "Nauru",
+ "Nepal",
+ "Netherlands (the)",
+ "New Caledonia",
+ "New Zealand",
+ "Nicaragua",
+ "Niger (the)",
+ "Nigeria",
+ "Niue",
+ "Norfolk Island",
+ "Northern Mariana Islands (the)",
+ "Norway",
+ "Oman",
+ "Pakistan",
+ "Palau",
+ "Palestine, State of",
+ "Panama",
+ "Papua New Guinea",
+ "Paraguay",
+ "Peru",
+ "Philippines (the)",
+ "Pitcairn",
+ "Poland",
+ "Portugal",
+ "Puerto Rico",
+ "Qatar",
+ "Republic of North Macedonia",
+ "Romania",
+ "Russian Federation (the)",
+ "Rwanda",
+ "Réunion",
+ "Saint Barthélemy",
+ "Saint Helena, Ascension and Tristan da Cunha",
+ "Saint Kitts and Nevis",
+ "Saint Lucia",
+ "Saint Martin (French part)",
+ "Saint Pierre and Miquelon",
+ "Saint Vincent and the Grenadines",
+ "Samoa",
+ "San Marino",
+ "Sao Tome and Principe",
+ "Saudi Arabia",
+ "Senegal",
+ "Serbia",
+ "Seychelles",
+ "Sierra Leone",
+ "Singapore",
+ "Sint Maarten (Dutch part)",
+ "Slovakia",
+ "Slovenia",
+ "Solomon Islands",
+ "Somalia",
+ "South Africa",
+ "South Georgia and the South Sandwich Islands",
+ "South Sudan",
+ "Spain",
+ "Sri Lanka",
+ "Sudan (the)",
+ "Suriname",
+ "Svalbard and Jan Mayen",
+ "Sweden",
+ "Switzerland",
+ "Syrian Arab Republic",
+ "Taiwan",
+ "Tajikistan",
+ "Tanzania, United Republic of",
+ "Thailand",
+ "Timor-Leste",
+ "Togo",
+ "Tokelau",
+ "Tonga",
+ "Trinidad and Tobago",
+ "Tunisia",
+ "Turkey",
+ "Turkmenistan",
+ "Turks and Caicos Islands (the)",
+ "Tuvalu",
+ "Uganda",
+ "Ukraine",
+ "United Arab Emirates (the)",
+ "United Kingdom of Great Britain and Northern Ireland (the)",
+ "United States Minor Outlying Islands (the)",
+ "United States of America (the)",
+ "Uruguay",
+ "Uzbekistan",
+ "Vanuatu",
+ "Venezuela (Bolivarian Republic of)",
+ "Viet Nam",
+ "Virgin Islands (British)",
+ "Virgin Islands (U.S.)",
+ "Wallis and Futuna",
+ "Western Sahara",
+ "Yemen",
+ "Zambia",
+ "Zimbabwe",
+ "Åland Islands",
+];
diff --git a/src/constants/index.ts b/src/constants/index.ts
new file mode 100644
index 0000000..adacf99
--- /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 = ["SEPOLIA"]; //, "GÖRLI", "LOCAL_TESTNET"];
diff --git a/src/context/AppContext.tsx b/src/context/AppContext.tsx
new file mode 100644
index 0000000..c0b4203
--- /dev/null
+++ b/src/context/AppContext.tsx
@@ -0,0 +1,83 @@
+import { createContext } from "react";
+import { ChainId, ContractAddresses, EthAddress } from "../types/types";
+import { BigNumber, providers } from "ethers";
+import { NotificationInstance } from "antd/lib/notification";
+import { StockInformation } from "../types/stockTypes";
+
+export const initialAppState = {
+ // MM
+ currentAccount: "0x" as EthAddress,
+ provider: undefined,
+ chainId: undefined,
+ needMMUnlock: false,
+
+ // USDT
+ allowance: BigNumber.from(0),
+ usdBalance: BigNumber.from(0),
+
+ // Dowgo
+ dowgoBalance: BigNumber.from(0),
+ usdBalanceOnDowgo: BigNumber.from(0),
+ price: BigNumber.from(0),
+ contractAddresses: undefined,
+ targetRatio: BigNumber.from(0),
+ collRange: BigNumber.from(0),
+ totalSupply: BigNumber.from(0),
+ isWhitelisted: false,
+
+ // Portfolio
+ stockPortfolio: undefined,
+};
+
+export const AppContext = createContext<{
+ state: AppState;
+ dispatch: React.Dispatch
+
+ 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 FundsPage;
diff --git a/src/pages/home/home.styles.scss b/src/pages/home/home.styles.scss
new file mode 100644
index 0000000..b968812
--- /dev/null
+++ b/src/pages/home/home.styles.scss
@@ -0,0 +1,70 @@
+.app-container {
+ text-align: center;
+ min-height: 100vh;
+ background-color: #000;
+ position: relative;
+ padding-top: 120px;
+ display: flex;
+ align-items: flex-end;
+ overflow: hidden;
+}
+
+.app-video-container {
+ width: 100vw;
+ position: absolute;
+ top: 60px;
+ /* top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%); */
+ z-index: 0;
+ min-width: 900px;
+ /* margin-top: 110px; */
+}
+
+/*
+ Small vertical gradient at the bottom & top
+ of the video container to make the transition
+ between the video and body smoother.
+*/
+.app-video-container::after {
+ content: "";
+ height: 50px;
+ width: 100%;
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
+}
+.app-video-container::before {
+ content: "";
+ height: 40px;
+ width: 100%;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
+}
+
+
+.app-video-banner{
+ height: 100%;
+ width: 100%;
+
+ @media (max-width: 480px) {
+ object-fit: cover;
+ display: flex;
+ position: absolute;
+ height: 70vh;
+ width: 100vw;
+ }
+}
+
+.app-banner-container {
+ width: 100%;
+ z-index: 2;
+ position: relative;
+}
+
+.App-link {
+ color: #61dafb;
+}
diff --git a/src/pages/home/home.tsx b/src/pages/home/home.tsx
new file mode 100644
index 0000000..d08ae0f
--- /dev/null
+++ b/src/pages/home/home.tsx
@@ -0,0 +1,30 @@
+//@ts-ignore
+import VideoBanner from "../../assets/video-banner/video-banner.mp4";
+
+import "./home.styles.scss";
+import DowgoTradingInterface from "../../components/DowgoTradingView";
+
+function Invest() {
+ return (
+
+
+
+
+
+
+
+ );
+}
+
+export default Invest;
diff --git a/src/pages/home/oldhome.tsx b/src/pages/home/oldhome.tsx
new file mode 100644
index 0000000..24db2a2
--- /dev/null
+++ b/src/pages/home/oldhome.tsx
@@ -0,0 +1,32 @@
+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.scss";
+
+function DowgoDApp() {
+ return (
+
+
+
+
+
+
+
+ );
+}
+
+export default DowgoDApp;
diff --git a/src/pages/invest/Invest.tsx b/src/pages/invest/Invest.tsx
new file mode 100644
index 0000000..5664193
--- /dev/null
+++ b/src/pages/invest/Invest.tsx
@@ -0,0 +1,81 @@
+import React, { useContext, useEffect } from "react";
+import { EthAddress, ChainId, ContractAddresses } from "../../types/types";
+import { BigNumber, providers } from "ethers";
+import DowgoContract from "../../components/DowgoTradingView/OldComponents/old-index";
+import ApproveUSDC from "../../components/DowgoTradingView/OldComponents/ApproveUSDC";
+import { BalancePanel } from "../../components/BalanceView";
+
+import "./invest.styles.scss";
+import AppContext from "../../context/AppContext";
+import { fetchContractAddresses } from "../../calls/api/fetchContractAddresses";
+
+function OldInvest() {
+ const {
+ state: { provider, chainId, currentAccount },
+ dispatch,
+ } = useContext(AppContext);
+ const [allowance, setAllowance] = React.useState
+
+
+
+
+
+
+ );
+}
+
+export default OldInvest;
diff --git a/src/pages/invest/invest.styles.scss b/src/pages/invest/invest.styles.scss
new file mode 100644
index 0000000..efaab1f
--- /dev/null
+++ b/src/pages/invest/invest.styles.scss
@@ -0,0 +1,29 @@
+.invest-page-container {
+ margin: 50px 30px;
+
+ .invest-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;
+ }
+ }
+
+ .invest-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/my-portfolio/MyPortfolioPage.tsx b/src/pages/my-portfolio/MyPortfolioPage.tsx
new file mode 100644
index 0000000..b18e4c4
--- /dev/null
+++ b/src/pages/my-portfolio/MyPortfolioPage.tsx
@@ -0,0 +1,30 @@
+//@ts-ignore
+import VideoBanner from "../../assets/video-banner/video-without-logo.mp4";
+
+import "../home/home.styles.scss";
+import MyPortfolioView from "../../components/MyPortfolioView";
+
+function MyPortfolioPage() {
+ return (
+
+ {BalancePanel(dowgoBalance, usdBalance, price)}
+
+
+ {DowgoContract(
+ provider,
+ currentAccount,
+ allowance,
+ usdBalance,
+ 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 + )} +
+
+ );
+}
+
+export default MyPortfolioPage;
diff --git a/src/pages/withdraw/WithdrawPage.tsx b/src/pages/withdraw/WithdrawPage.tsx
new file mode 100644
index 0000000..d4ec68c
--- /dev/null
+++ b/src/pages/withdraw/WithdrawPage.tsx
@@ -0,0 +1,30 @@
+//@ts-ignore
+import VideoBanner from "../../assets/video-banner/video-without-logo.mp4";
+
+import "../home/home.styles.scss";
+import WithdrawView from "../../components/WithdrawView";
+
+function WithdrawPage() {
+ return (
+
+
+
+
+
+
+
+ );
+}
+
+export default WithdrawPage;
diff --git a/src/reducers/appReducer.ts b/src/reducers/appReducer.ts
new file mode 100644
index 0000000..3f2ec50
--- /dev/null
+++ b/src/reducers/appReducer.ts
@@ -0,0 +1,49 @@
+import { BigNumber, providers } from "ethers";
+import { ChainId, ContractAddresses, EthAddress } from "../types/types";
+import { AppAction, AppState } from "../context/AppContext";
+import { StockInformation } from "../types/stockTypes";
+
+export const appReducer = (state: AppState, action: AppAction): AppState => {
+ switch (action.type) {
+ // MM
+ case "setProvider":
+ return { ...state, provider: action.value as providers.Web3Provider };
+ case "setCurrentAccount":
+ const newAccount = action.value as EthAddress;
+ return { ...state, currentAccount: newAccount };
+ case "setChainId":
+ const _chainId = action.value as ChainId;
+ return { ...state, chainId: _chainId };
+ case "setNeedInstallMetaMask":
+ return { ...state, needMMUnlock: true };
+ // API
+ case "setContractAddresses":
+ return { ...state, contractAddresses: action.value as ContractAddresses };
+ case "setStockPortfolio":
+ return { ...state, stockPortfolio: action.value as StockInformation[] };
+ // Dowgo
+ case "setCollRange":
+ return { ...state, collRange: action.value as BigNumber };
+ case "setPrice":
+ return { ...state, price: action.value as BigNumber };
+ case "setCollRange":
+ return { ...state, collRange: action.value as BigNumber };
+ case "setTargetRatio":
+ return { ...state, targetRatio: action.value as BigNumber };
+ case "setTotalSupply":
+ return { ...state, totalSupply: action.value as BigNumber };
+ case "setUserDowgoBalance":
+ return { ...state, dowgoBalance: action.value as BigNumber };
+ case "setUserUSDBalanceOnDowgo":
+ return { ...state, usdBalanceOnDowgo: action.value as BigNumber };
+ case "setWhitelistedStatus":
+ return { ...state, isWhitelisted: action.value as boolean };
+ //USDT
+ case "setUserAllowance":
+ return { ...state, allowance: action.value as BigNumber };
+ case "setUserUSDTBalance":
+ return { ...state, usdBalance: action.value as BigNumber };
+ default:
+ throw new Error(`Unsupported action type: ${action.type}`);
+ }
+};
diff --git a/src/redux/reducers/deviceMenu.js b/src/redux/reducers/deviceMenu.js
new file mode 100644
index 0000000..442a310
--- /dev/null
+++ b/src/redux/reducers/deviceMenu.js
@@ -0,0 +1,20 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+// Define a Redux slice for app state
+const detectDeviceType = createSlice({
+ name: "detectDevice",
+ initialState: {
+ deviceType: "laptop",
+ // ... other app state properties
+ },
+ reducers: {
+ updateDeviceType: (state, action) => {
+ state.deviceType = action.payload;
+ },
+ // ... other reducer functions for your app state
+ },
+});
+
+export const { updateDeviceType } = detectDeviceType.actions;
+
+export default detectDeviceType.reducer;
\ No newline at end of file
diff --git a/src/redux/reducers/index.js b/src/redux/reducers/index.js
new file mode 100644
index 0000000..1ad6cb1
--- /dev/null
+++ b/src/redux/reducers/index.js
@@ -0,0 +1,10 @@
+import { combineReducers } from '@reduxjs/toolkit';
+import deviceMenu from './deviceMenu';
+import menuBackground from "./menuBackground"
+
+const rootReducer = combineReducers({
+ detectDevice: deviceMenu,
+ menu: menuBackground
+});
+
+export default rootReducer;
\ No newline at end of file
diff --git a/src/redux/reducers/menuBackground.js b/src/redux/reducers/menuBackground.js
new file mode 100644
index 0000000..57ec919
--- /dev/null
+++ b/src/redux/reducers/menuBackground.js
@@ -0,0 +1,18 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+ scrollY: 0,
+};
+
+const menuSlice = createSlice({
+ name: 'menu',
+ initialState,
+ reducers: {
+ setScrollY: (state, action) => {
+ state.scrollY = action.payload;
+ },
+ },
+});
+
+export const { setScrollY } = menuSlice.actions;
+export default menuSlice.reducer;
diff --git a/src/redux/selectors/selectors.js b/src/redux/selectors/selectors.js
new file mode 100644
index 0000000..7bbac56
--- /dev/null
+++ b/src/redux/selectors/selectors.js
@@ -0,0 +1,8 @@
+import { createSelector } from 'reselect';
+
+const selectDeviceType = (state) => state.detectDevice.deviceType;
+
+// Create a memoized selector using reselect
+export const selectIsMobile = createSelector([selectDeviceType], (deviceType) => {
+ return deviceType === 'mobile';
+});
\ No newline at end of file
diff --git a/src/redux/store.tsx b/src/redux/store.tsx
new file mode 100644
index 0000000..7b974f4
--- /dev/null
+++ b/src/redux/store.tsx
@@ -0,0 +1,12 @@
+// src/redux/store.js
+import { configureStore } from '@reduxjs/toolkit';
+import rootReducer from './reducers/index';
+
+const store = configureStore({
+ reducer: rootReducer,
+});
+
+export default store;
+
+
+export type RootState = ReturnType
+
+
+
+
+