-
- );
-};
-export default BatchProgress;
diff --git a/packages/app/components/BatchButter/ButterTokenInput.tsx b/packages/app/components/BatchButter/ButterTokenInput.tsx
deleted file mode 100644
index 9737256c..00000000
--- a/packages/app/components/BatchButter/ButterTokenInput.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { formatEther, formatUnits } from "@ethersproject/units";
-import { ChainId, formatAndRoundBigNumber, numberToBigNumber } from "@popcorn/utils";
-import { SelectedToken, Token } from "@popcorn/utils/types";
-import { BigNumber, constants } from "ethers";
-import { escapeRegExp, inputRegex } from "@popcorn/app/helper/inputRegex";
-import { useDeployment } from "@popcorn/app/hooks/useDeployment";
-import { useEffect, useRef, useState } from "react";
-import { CheckMarkToggleWithInfo } from "@popcorn/app/components/BatchButter/CheckMarkToggleWithInfo";
-import SelectToken from "@popcorn/app/components/BatchButter/SelectToken";
-
-import InputTokenWithError from "@popcorn/components/components/InputTokenWithError";
-
-export enum Pages {
- "butter",
- "instantButter",
- "threeX",
- "instantThreeX",
-}
-
-export const pageToDisplayToken = (page: Pages) => {
- switch (page) {
- case Pages.butter:
- case Pages.instantButter:
- return { input: "3CRV", output: "BTR" };
- case Pages.threeX:
- case Pages.instantThreeX:
- return { input: "USDC", output: "3X" };
- }
-};
-
-export interface ButterTokenInputProps {
- options: Token[];
- selectToken?: (token: Token) => void;
- selectedToken: SelectedToken;
- depositAmount: BigNumber;
- setDepositAmount: (amount: BigNumber) => void;
- depositDisabled: { disabled: boolean; errorMessage: string };
- hasUnclaimedBalances?: boolean;
- useUnclaimedDeposits?: boolean;
- setUseUnclaimedDeposits?: (toggle: boolean) => void;
- withdrawMode: boolean;
- setWithdrawMode: (toggle: boolean) => void;
- page: Pages;
- instant: boolean;
- chainId: ChainId;
- disabled?: boolean;
-}
-
-const ButterTokenInput: React.FC
-
-
-
-
- - {batchAmount.eq(constants.Zero) - ? 0 - : (Number(formatUnits(batchAmount)) / 1000).toFixed(Number(formatUnits(batchAmount, 18)) > 1000 ? 0 : 1)} - k -
- - -
-
-
-
- Batch
-- Your mint/redeem deposit will be processed with the next batch. -
-
- {
- onUpdate(e.currentTarget.value.replace(/,/g, "."));
- }}
- onMaxClick={() => {
- const maxAmount = useUnclaimedDeposits
- ? selectedToken?.input?.claimableBalance
- : selectedToken?.input?.balance;
- calcOutputAmountsFromInput(maxAmount);
- setDepositAmount(maxAmount);
- ref.current = Number(formatEther(maxAmount)).toFixed(3);
- }}
- errorMessage={depositDisabled?.disabled && depositDisabled?.errorMessage}
- value={ref.current}
- allowSelection={!withdrawMode}
- selectedToken={selectedToken?.input}
- tokenList={options?.filter(
- (option) =>
- !(withdrawMode ? [addr.threeCrv, addr.usdc] : [addr.butter, addr.threeX]).includes(option.address),
- )}
- onSelectToken={selectToken}
- />
-
- {[Pages.threeX, Pages.butter].includes(page) && hasUnclaimedBalances && !useUnclaimedDepositsisDisabled() && (
- {
- setEstimatedAmount("0");
- setDepositAmount(constants.Zero);
- setUseUnclaimedDeposits(!useUnclaimedDeposits);
- }}
- infoTitle="About Unclaimed Balances"
- infoText={`When a batch is minted but the ${
- pageToDisplayToken(page).output
- } has not been claimed yet, it can be redeemed without having to claim it first. By checking “use unclaimed balances” you will be able to redeem unclaimed balances of ${
- pageToDisplayToken(page).output
- }. This process applies also for unclaimed ${pageToDisplayToken(page).input}, which can be converted to ${
- pageToDisplayToken(page).output
- } without having to claim it.`}
- label="Use only unclaimed balances"
- className="pb-4"
- />
- )}
-
-
-
- {withdrawMode ? "Redeem Amount" : "Deposit Amount"}
-
-
-
-
-
-
-
- setWithdrawMode(!withdrawMode)}
- >
- 
-
-
-
-
-
- );
-};
-export default ButterTokenInput;
diff --git a/packages/app/components/BatchButter/CheckMarkToggleWithInfo.tsx b/packages/app/components/BatchButter/CheckMarkToggleWithInfo.tsx
deleted file mode 100644
index 8562998b..00000000
--- a/packages/app/components/BatchButter/CheckMarkToggleWithInfo.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { InfoIconWithModal } from "@popcorn/app/components/InfoIconWithModal";
-import { ChangeEventHandler } from "react";
-
-export function CheckMarkToggleWithInfo({
- disabled = false,
- value,
- infoText,
- infoTitle,
- label,
- onChange,
- image,
- className,
-}: {
- disabled?: boolean;
- value: boolean;
- onChange: ChangeEventHandler{`Estimated ${selectedToken?.output?.symbol} Amount`}
-
-
-
-
- ![addr.butter, addr.threeX].includes(option.address))}
- selectToken={selectToken}
- />
-
-
-
-
- );
-}
diff --git a/packages/app/components/BatchButter/ClaimableBatch.tsx b/packages/app/components/BatchButter/ClaimableBatch.tsx
deleted file mode 100644
index 812b7561..00000000
--- a/packages/app/components/BatchButter/ClaimableBatch.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import { AccountBatch, BatchType } from "@popcorn/utils/src/types";
-import { InfoIconWithModal } from "@popcorn/app/components/InfoIconWithModal";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TertiaryActionButton from "@popcorn/app/components/TertiaryActionButton";
-import { formatBatchInputToken, formatBatchOutputToken } from "@popcorn/app/helper/ClaimableBatchUtils";
-export interface BatchProps {
- batch: AccountBatch;
- handleClaimAndStake: (batch: AccountBatch) => void;
- handleClaim: (batch: AccountBatch) => void;
- handleWithdraw: (batch: AccountBatch) => void;
- isThreeX?: boolean;
-}
-
-const ClaimableBatch: React.FC
-
-
-
- {infoText}
-Deposited
-
-
- - { - splitTokenLabel( - formatBatchInputToken(batch.accountSuppliedTokenBalance, batch.batchType === BatchType.Mint, isThreeX), - ).value - } - - {" "} - { - splitTokenLabel( - formatBatchInputToken( - batch.accountSuppliedTokenBalance, - batch.batchType === BatchType.Mint, - isThreeX, - ), - ).token - } - -
- {!isThreeX && batch.batchType === BatchType.Mint && ( -
-
-
-
- )}
- - Your stablecoins have been swapped into 3CRV in order to mint BTR. For this reason you see a 3CRV - balance here. -
-Claimable
-- { - splitTokenLabel( - formatBatchOutputToken(batch.accountClaimableTokenBalance, batch.batchType === BatchType.Mint, isThreeX), - ).value - }{" "} - - { - splitTokenLabel( - formatBatchOutputToken( - batch.accountClaimableTokenBalance, - batch.batchType === BatchType.Mint, - isThreeX, - ), - ).token - } - -
-
-
- ) : (
-
- handleClaimAndStake(batch)} />
-
-
- handleClaim(batch)} />
-
-
- (batch.claimable ? handleClaim(batch) : handleWithdraw(batch))}
- />
-
- )}
-
-
- ),
- onDismiss: {
- onClick: () => dispatch(setSingleActionModal(false)),
- },
- }),
- );
- } else {
- setCurrentBatch(batch);
- setHandleClaimPopup(true);
- }
- }
- }
-
- function handleWithdraw(batch: AccountBatch) {
- if (batch.batchType === BatchType.Mint) {
- dispatch(
- setSingleActionModal({
- image: Choose an output token
- {renderZapModal(batch)} -| - Your Batches - | -- | - |
|---|
-
-
-
-
- {batches?.length > 0 ? (
- Your Batches
-
- {batches?.map((batch) => (
-
- ) : (
-
- setHandleClaimPopup(false)}>
-
-
-
- );
-};
-export default ClaimableBatches;
diff --git a/packages/app/components/BatchButter/EmptyClaimableBatch.tsx b/packages/app/components/BatchButter/EmptyClaimableBatch.tsx
deleted file mode 100644
index 6e755deb..00000000
--- a/packages/app/components/BatchButter/EmptyClaimableBatch.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TertiaryActionButton from "@popcorn/app/components/TertiaryActionButton";
-import React from "react";
-
-const EmptyClaimableBatch = () => {
- return (
- Select a token
- {renderZapModal(currentBatch)} -Deposited
- - -Claimable
--
-
-
-
-
-
-
- 
;
- return (
-
-
-
- );
-};
-export default MintRedeemInterface;
diff --git a/packages/app/components/BatchButter/MintRedeemToggle.tsx b/packages/app/components/BatchButter/MintRedeemToggle.tsx
deleted file mode 100644
index 49c1cf91..00000000
--- a/packages/app/components/BatchButter/MintRedeemToggle.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { localStringOptions } from "@popcorn/utils";
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import { Dispatch } from "react";
-
-interface MintRedeemToggleProps {
- redeeming: Boolean;
- setRedeeming: Dispatch
-
- {!useUnclaimedDeposits && [Pages.butter, Pages.threeX].includes(page) && features["instant3X"] && (
-
- setInstant(!instant)}
- image={butterModalImage}
- infoTitle="Instant Butter"
- infoText="Using 'Instant Butter' comes with higher gas costs. Mint/redeem Butter in one transaction without having to wait for a batch to process. Use this feature only when the gas costs are acceptable to you."
- />
-
- )}
- {showSlippageAdjust && (
-
-
- )}
- -
- {hasUnclaimedBalances && useUnclaimedDeposits && (
-
-
- mainAction(depositAmount, withdrawMode ? BatchType.Redeem : BatchType.Mint)}
- disabled={depositDisabled?.disabled || depositAmount.eq(constants.Zero)}
- />
-
- )}
- {!(hasUnclaimedBalances && useUnclaimedDeposits) && isAllowanceInsufficient() && (
-
- approve(selectedToken?.input)}
- />
- mainAction(depositAmount, withdrawMode ? BatchType.Redeem : BatchType.Mint)}
- disabled={true}
- />
-
- )}
- {!(hasUnclaimedBalances && useUnclaimedDeposits) && !isAllowanceInsufficient() && (
-
- {instant && !withdrawMode ? (
- <>
-
-
- Choose Mint & Stake to automatically stake the token to earn POP rewards. If you select Mint you
- will not earn POP rewards unless the token is staked in the
-
- staking
-
- page.
-
- }
- />
-
- {
- mainAction(depositAmount, BatchType.Mint, true);
- }}
- disabled={depositDisabled?.disabled || depositAmount.eq(constants.Zero)}
- />
- {
- mainAction(depositAmount, BatchType.Mint, false);
- }}
- disabled={depositDisabled?.disabled || depositAmount.eq(constants.Zero)}
- />
-
- ) : (
- {
- if (withdrawMode) {
- mainAction(depositAmount, BatchType.Redeem);
- } else {
- mainAction(depositAmount, BatchType.Mint);
- }
- }}
- disabled={depositDisabled?.disabled || depositAmount.eq(constants.Zero)}
- />
- )}
-
- )}
- Mint & Stake vs. Mint
-
-
- );
-};
-export default MintRedeemToggle;
diff --git a/packages/app/components/BatchButter/MobileClaimableBatch.tsx b/packages/app/components/BatchButter/MobileClaimableBatch.tsx
deleted file mode 100644
index de522a14..00000000
--- a/packages/app/components/BatchButter/MobileClaimableBatch.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { BatchType } from "@popcorn/utils/src/types";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TertiaryActionButton from "@popcorn/app/components/TertiaryActionButton";
-import { formatBatchInputToken, formatBatchOutputToken } from "@popcorn/app/helper/ClaimableBatchUtils";
-import { BatchProps } from "@popcorn/app/components/BatchButter/ClaimableBatch";
-
-const MobileClaimableBatch: React.FC setRedeeming(false)}
- >
-
- - Mint -
-
-
- setRedeeming(true)}
- >
-
- - Redeem -
-
-
-
-
- );
-};
-export default MobileClaimableBatch;
diff --git a/packages/app/components/BatchButter/MobileEmptyClaimableBatches.tsx b/packages/app/components/BatchButter/MobileEmptyClaimableBatches.tsx
deleted file mode 100644
index 098ab38a..00000000
--- a/packages/app/components/BatchButter/MobileEmptyClaimableBatches.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TertiaryActionButton from "@popcorn/app/components/TertiaryActionButton";
-import React from "react";
-
-const MobileEmptyClaimableBatches = () => {
- return (
-
-
-
-
- Deposited
-- { - splitTokenLabel( - formatBatchInputToken(batch.accountSuppliedTokenBalance, batch.batchType === BatchType.Mint, isThreeX), - ).value - } - - {" "} - { - splitTokenLabel( - formatBatchInputToken( - batch.accountSuppliedTokenBalance, - batch.batchType === BatchType.Mint, - isThreeX, - ), - ).token - } - -
-
-
- Claimable
-- { - splitTokenLabel( - formatBatchOutputToken( - batch.accountClaimableTokenBalance, - batch.batchType === BatchType.Mint, - isThreeX, - ), - ).value - }{" "} - - { - splitTokenLabel( - formatBatchOutputToken( - batch.accountClaimableTokenBalance, - batch.batchType === BatchType.Mint, - isThreeX, - ), - ).token - } - -
-
- {batch.claimable && batch.batchType === BatchType.Mint && (
-
-
- handleClaimAndStake(batch)} disabled={false} label="Claim & Stake" />
-
- )}
- {batch.claimable && batch.batchType === BatchType.Redeem && (
-
- handleClaim(batch)} />
-
- )}
- {!batch.claimable && (
-
- handleWithdraw(batch)} />
-
- )}
-
- {batch.claimable && batch.batchType === BatchType.Mint && (
-
- handleClaim(batch)} disabled={false} label="Claim" />
-
- )}
-
-
- );
-};
-
-export default MobileEmptyClaimableBatches;
diff --git a/packages/app/components/BatchButter/MobileTutorialSlider.tsx b/packages/app/components/BatchButter/MobileTutorialSlider.tsx
deleted file mode 100644
index c303060a..00000000
--- a/packages/app/components/BatchButter/MobileTutorialSlider.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { ChevronLeftIcon } from "@heroicons/react/outline";
-import React, { useRef, useState } from "react";
-import Slider from "react-slick";
-
-let inactiveDot = "bg-black bg-opacity-25";
-let activeDot = "bg-black";
-
-const MobileTutorialSlider = ({ onCloseMenu, isThreeX }) => {
- const [currentSlide, setCurrentSlide] = useState(0);
-
- const customSlider = useRef(null);
-
- const gotoSlide = (id) => {
- setCurrentSlide(id);
- customSlider.current.slickGoTo(id);
- };
-
- const settings = {
- dots: false,
- infinite: true,
- speed: 500,
- slidesToShow: 1,
- slidesToScroll: 1,
- autoplay: false,
- easing: "easeInOut",
- pauseOnHover: false,
- beforeChange: (oldIndex: number, newIndex: number) => {
- setCurrentSlide(newIndex);
- },
- };
- const tutorialSteps: Array<{ title: string; content: string }> = [
- {
- title: "Step 1 - Begin the Minting Process",
- content:
- "First connect your wallet. Then select the token you would like to deposit from the dropdown, enter the deposit amount and click ‘Mint’. If you are depositing for the first time, you’ll need to approve the contract.",
- },
- {
- title: "Step 2 – Wait for the batch to process",
- content: `Your deposits will be held in ${
- isThreeX ? "3X" : "Butter"
- }’s batch processing queue. Note: To minimise gas fees, deposits are processed approximately every 24 hours. You are able to withdraw your deposits during this phase.`,
- },
- {
- title: `Step 3 – Claim your minted ${isThreeX ? "3X" : "Butter"}!`,
- content: `Once the batch has been processed, you will be able to claim the new minted ${
- isThreeX ? "3X" : "Butter"
- } tokens!`,
- },
- ];
-
- return (
-
-
-
-
- Deposited
--
-
-
- Claimable
--
-
- {" "}
-
-
-
-
-
-
-
- );
-};
-
-export default MobileTutorialSlider;
diff --git a/packages/app/components/BatchButter/MobileTutorialStepButton.tsx b/packages/app/components/BatchButter/MobileTutorialStepButton.tsx
deleted file mode 100644
index d40fb328..00000000
--- a/packages/app/components/BatchButter/MobileTutorialStepButton.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-
-interface MobileTutorialStepButtonProps {
- stepState: [number, Dispatch
-
- How It Works
-
- (customSlider.current = slider)}>
- {tutorialSteps.map((step, index) => (
-
-
-
-
- ))}
-
-
-
-
-
- {step.title}
-{step.content}
-
- {tutorialSteps.map((steps, index) => (
-
- gotoSlide(index)}
- >
- ))}
- setStep(activeState)}
- >
-
-
- );
-}
diff --git a/packages/app/components/BatchButter/OutputToken.tsx b/packages/app/components/BatchButter/OutputToken.tsx
deleted file mode 100644
index 62f3b44b..00000000
--- a/packages/app/components/BatchButter/OutputToken.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Token } from "@popcorn/utils/types";
-import Image from "next/image";
-import { Dispatch } from "react";
-import PseudoRadioButton from "@popcorn/app/components/BatchButter/PseudoRadioButton";
-
-interface OutputTokenProps {
- outputToken: Token[];
- selectToken: Dispatch
- {outputToken.map((token) => (
-
- ))}
-
- );
-};
-
-export default OutputToken;
diff --git a/packages/app/components/BatchButter/SlippageSettings.tsx b/packages/app/components/BatchButter/SlippageSettings.tsx
deleted file mode 100644
index 09fa7319..00000000
--- a/packages/app/components/BatchButter/SlippageSettings.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { InfoIconWithModal } from "@popcorn/app/components/InfoIconWithModal";
-import PopUpModal from "@popcorn/components/components/Modal/PopUpModal";
-import { setSingleActionModal } from "@popcorn/components/context/actions";
-import { store } from "@popcorn/components/context/store";
-import { escapeRegExp, inputRegex } from "@popcorn/app/helper/inputRegex";
-import { Dispatch, useContext, useState } from "react";
-import PseudoRadioButton from "@popcorn/app/components/BatchButter/PseudoRadioButton";
-
-interface CustomSlippageInputProps {
- value: string;
- setValue?: Dispatch
-
-
-
- }
- activeClass="border-1 border-customBrown"
- isActive={selectedToken === token}
- handleClick={() => {
- selectToken(token);
- }}
- />
-
-
- );
-};
-interface SlippageSettingsProps {
- slippage: number;
- setSlippage: Dispatch
- {
- onUpdate(e.target.value.replace(/,/g, "."));
- }}
- inputMode="decimal"
- autoComplete="off"
- autoCorrect="off"
- // text-specific options
- type="text"
- pattern="^[0-9]*[.,]?[0-9]*$"
- minLength={1}
- maxLength={4}
- spellCheck="false"
- />
-
-
-
- %
-
-
- );
-};
-
-const SlippageSettings: React.FC
-
-
-
- Slippage Tolerance
-
-
-
- {slippageOptions.map((option) => (
- {
- setValue(String(option));
- setSlippage(option);
- }}
- />
- ))}
-
-
-
-
-
-
- Custom Adjustments
-
-
-
- dispatch(
- setSingleActionModal({
- title: "Slippage",
- children: (
- 
-
-
-
- {`Adjust slippage (${slippage}%)`}
- setShowPopUp(true)}
- >
-
-
-
- {`Adjust slippage (${slippage}%)`}
-
- setShowPopUp(false)}>
-
-
-
- );
-};
-
-export default SlippageSettings;
diff --git a/packages/app/components/BatchButter/StatInfoCard.tsx b/packages/app/components/BatchButter/StatInfoCard.tsx
deleted file mode 100644
index a42476e6..00000000
--- a/packages/app/components/BatchButter/StatInfoCard.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import CardIcon from "@popcorn/app/components/CardIcon";
-import { InfoIconWithModalProps } from "@popcorn/app/components/InfoIconWithModal";
-
-interface StatInfoCardProps {
- title: string;
- content: string | JSX.Element;
- icon: string;
- info?: InfoIconWithModalProps;
-}
-export default function StatInfoCard({ title, content, icon, info }: StatInfoCardProps): JSX.Element {
- return (
-
-
- );
-}
diff --git a/packages/app/components/BatchButter/Tutorial.tsx b/packages/app/components/BatchButter/Tutorial.tsx
deleted file mode 100644
index c29af182..00000000
--- a/packages/app/components/BatchButter/Tutorial.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { useState } from "react";
-import * as Icon from "react-feather";
-import { useSwipeable } from "react-swipeable";
-import MobileTutorialStepButton from "@popcorn/app/components/BatchButter/MobileTutorialStepButton";
-
-function title(step: number, isThreeX: boolean): string {
- switch (step) {
- case 1:
- return "Step 1 - Begin the Minting Process";
- case 2:
- return "Step 2 – Wait for the batch to process";
- case 3:
- return `Step 3 – Claim your minted ${isThreeX ? "3X" : "Butter"}!`;
- }
-}
-
-function text(step: number, isThreeX: boolean): string {
- switch (step) {
- case 1:
- return "First connect your wallet. Then select the token you would like to deposit from the dropdown, enter the deposit amount and click ‘Mint’. If you are depositing for the first time, you’ll need to approve the contract.";
- case 2:
- return `Your deposits will be held in ${
- isThreeX ? "3X" : "Butter"
- }’s batch processing queue. Note: To minimise gas fees, deposits are processed approximately every 24 hours. You are able to withdraw your deposits during this phase.`;
- case 3:
- return `Once the batch has been processed, you will be able to claim the new minted ${
- isThreeX ? "3X" : "Butter"
- } tokens!`;
- }
-}
-
-function tutorialContent(step: number, isThreeX: boolean): JSX.Element {
- const imageLinks: { butter: string; threeX: string }[] = [
- {
- butter: `/images/butter/Step-1.png`,
- threeX: `/images/butter/Step-1-3X.png`,
- },
- {
- butter: `/images/butter/Step-2.png`,
- threeX: `/images/butter/Step-2.png`,
- },
- {
- butter: `/images/butter/Step-3.png`,
- threeX: `/images/butter/Step-3-3X.png`,
- },
- ];
- return (
-
-
-
-
-
-
- {title}
- {info && ( -{content}
-
- 
-
- );
-}
-
-function Tutorial({ isThreeX = false }: { isThreeX?: boolean }) {
- const [step, setStep] = useState
-
-
-
-
-
-
- {tutorialContent(step, isThreeX)}
-
-
- How it works
-{title(step, isThreeX)}
-{text(step, isThreeX)}
-
-
-
-
-
-
- );
-}
-
-export default Tutorial;
diff --git a/packages/app/components/BatchButter/TutorialSlider.tsx b/packages/app/components/BatchButter/TutorialSlider.tsx
deleted file mode 100644
index 6c393642..00000000
--- a/packages/app/components/BatchButter/TutorialSlider.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { useRef, useState } from "react";
-import Slider from "react-slick";
-
-let activeDot = "bg-white";
-let inactiveDot = "bg-white bg-opacity-50";
-
-const TutorialSlider = ({ isThreeX }: { isThreeX: boolean }) => {
- const [currentSlide, setCurrentSlide] = useState(0);
-
- const customSlider = useRef(null);
-
- const gotoSlide = (id) => {
- setCurrentSlide(id);
- customSlider.current.slickGoTo(id);
- };
-
- const settings = {
- dots: false,
- infinite: true,
- speed: 500,
- slidesToShow: 1,
- slidesToScroll: 1,
- autoplay: false,
- easing: "easeInOut",
- pauseOnHover: false,
- beforeChange: (oldIndex: number, newIndex: number) => {
- setCurrentSlide(newIndex);
- },
- };
-
- const tutorialSteps: Array<{ title: string; content: string }> = [
- {
- title: "Step 1 - Begin the Minting Process",
- content:
- "First connect your wallet. Then select the token you would like to deposit from the dropdown, enter the deposit amount and click ‘Mint’. If you are depositing for the first time, you’ll need to approve the contract.",
- },
- {
- title: "Step 2 – Wait for the batch to process",
- content: `Your deposits will be held in ${
- isThreeX ? "3X" : "Butter"
- }’s batch processing queue. Note: To minimise gas fees, deposits are processed approximately every 24 hours. You are able to withdraw your deposits during this phase.`,
- },
- {
- title: `Step 3 – Claim your minted ${isThreeX ? "3X" : "Butter"}!`,
- content: `Once the batch has been processed, you will be able to claim the new minted ${
- isThreeX ? "3X" : "Butter"
- } tokens!`,
- },
- ];
- return (
-
- (customSlider.current = slider)}>
- {tutorialSteps.map((step, index) => (
-
-
- );
-};
-
-export default TutorialSlider;
diff --git a/packages/app/components/BatchButter/ZapModal.tsx b/packages/app/components/BatchButter/ZapModal.tsx
deleted file mode 100644
index 32b2aca4..00000000
--- a/packages/app/components/BatchButter/ZapModal.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { BigNumber } from "@ethersproject/bignumber";
-import { Token } from "@popcorn/utils/types";
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TertiaryActionButton from "@popcorn/app/components/TertiaryActionButton";
-import { Dispatch, useState } from "react";
-import OutputToken from "@popcorn/app/components/BatchButter/OutputToken";
-import PseudoRadioButton from "@popcorn/app/components/BatchButter/PseudoRadioButton";
-import { CustomSlippageInput } from "@popcorn/app/components/BatchButter/SlippageSettings";
-
-interface ZapModalProps {
- tokenOptions: Token[];
- slippage: number;
- setSlippage: Dispatch
-
- ))}
-
-
- How It Works
- -
-
-
- {step.title}
-{step.content}
-
- {tutorialSteps.map((steps, index) => (
-
- gotoSlide(index)}
- key={index}
- >
- ))}
-
-
- );
-}
diff --git a/packages/app/components/CardIcon.tsx b/packages/app/components/CardIcon.tsx
deleted file mode 100644
index 01c40c05..00000000
--- a/packages/app/components/CardIcon.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import * as Icon from "react-feather";
-
-function getIcon(icon: string): JSX.Element {
- switch (icon) {
- case "Lock":
- return
-
- )}
-
-
-
-
-
- Slippage Tolerance
-
- {slippageOptions.map((item, index) => (
-
-
- {
- setSlippage(item);
- setSlippageValue(String(item));
- }}
- />
-
- ))}
-
-
-
-
- Custom adjustment Slippage
-
- {
- isWithdraw
- ? withdraw(batchId, withdrawAmount, selectedToken !== tokenOptions[0], selectedToken)
- : claim(batchId, selectedToken !== tokenOptions[0], selectedToken);
- closeModal();
- }}
- >
-
- 
;
- case "3X":
- return 
;
- default:
- return (
-
-
- );
- }
-}
diff --git a/packages/app/components/CardLoader.tsx b/packages/app/components/CardLoader.tsx
deleted file mode 100644
index 51487a5f..00000000
--- a/packages/app/components/CardLoader.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import ContentLoader from "react-content-loader";
-export const CardLoader: React.FC = () => {
- return (
- {getIcon(icon)}
-
-
- );
-}
diff --git a/packages/app/components/Common/Badge.tsx b/packages/app/components/Common/Badge.tsx
deleted file mode 100644
index 085819a7..00000000
--- a/packages/app/components/Common/Badge.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { FC } from "react";
-
-export interface Badge {
- text: string;
- textColor: string;
- bgColor: string;
-}
-
-interface BadgeProps {
- badge: Badge;
-}
-
-const Badge: FC
-
- {title}
-{text}
-
- {links.map((link) => (
-
- {badge.text}
;
-};
-export default Badge;
diff --git a/packages/app/components/Common/CustomDropdown.tsx b/packages/app/components/Common/CustomDropdown.tsx
deleted file mode 100644
index 7537ff9b..00000000
--- a/packages/app/components/Common/CustomDropdown.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Menu } from "@headlessui/react";
-import { ViewGridIcon } from "@heroicons/react/outline";
-import { ChevronDownIcon } from "@heroicons/react/solid";
-import DropdownOptions from "@popcorn/app/components/Common/DropdownOptions";
-import React, { FC } from "react";
-import { MobilePopupSelect } from "@popcorn/app/components/Common/MobilePopupSelect";
-
-interface IFilter {
- categoryFilter: { id: string; value: string };
- switchFilter: (item: { id: string; value: string }) => void;
- categories: Array<{ id: string; value: string }>;
-}
-
-const CustomDropdown: FC
-
-
-
-
-
-
-
-
- );
-};
-
-export default CustomDropdown;
diff --git a/packages/app/components/Common/Divider.tsx b/packages/app/components/Common/Divider.tsx
deleted file mode 100644
index eb308aab..00000000
--- a/packages/app/components/Common/Divider.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-const Divider = () => {
- return (
-
-
-
- );
-};
-export default Divider;
diff --git a/packages/app/components/Common/DropdownOptions.tsx b/packages/app/components/Common/DropdownOptions.tsx
deleted file mode 100644
index 6f8cf573..00000000
--- a/packages/app/components/Common/DropdownOptions.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Menu, Transition } from "@headlessui/react";
-import { Fragment } from "react";
-
-interface FilterProps {
- options: Array{typeof item === "string" ? item : item.name || item.value}
- - )} -
- 
-
- );
-};
-
-export default FooterLandScapeImage;
diff --git a/packages/app/components/Common/MobilePopupSelect.tsx b/packages/app/components/Common/MobilePopupSelect.tsx
deleted file mode 100644
index 46c5d025..00000000
--- a/packages/app/components/Common/MobilePopupSelect.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from "react";
-import { List, ListItem } from "@popcorn/app/components/Common/ScrollableSelect";
-import PopUpModal from "@popcorn/components/components/Modal/PopUpModal";
-
-interface Category {
- id: string;
- value: string;
-}
-
-interface Props {
- categories: Category[];
- visible: boolean;
- onClose: React.Dispatch
- Categories
--
- {categories.map((category) => (
-
-
- );
-}
diff --git a/packages/app/components/Common/ScrollableSelect/index.tsx b/packages/app/components/Common/ScrollableSelect/index.tsx
deleted file mode 100644
index cd05cca9..00000000
--- a/packages/app/components/Common/ScrollableSelect/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { createContext, FC, useContext } from "react";
-
-const ListContext = createContext({
- selected: "",
-});
-
-interface ListProps {
- children: React.ReactNode;
- selected: string;
-}
-
-const List: FC
-
-
-
- {children}
-
- -
-
-
- {balance && amount?.gt(balance) &&
-
-
- {
- onUpdate(e.target.value.replace(/,/g, "."));
- }}
- value={displayAmount}
- inputMode="decimal"
- autoComplete="off"
- autoCorrect="off"
- // text-specific options
- type="text"
- pattern="^[0-9]*[.,]?[0-9]*$"
- placeholder={"0.0"}
- minLength={1}
- maxLength={79}
- spellCheck="false"
- readOnly={readonly}
- />
- {tokenList.length > 0 ? (
-
-
-
- )}
-
-
- {token?.symbol}
-*Insufficient Balance
} -
- {balance && (
-
-
- );
-};
-export default TokenInput;
diff --git a/packages/app/components/DropdownSelect.tsx b/packages/app/components/DropdownSelect.tsx
deleted file mode 100644
index b0c3036f..00000000
--- a/packages/app/components/DropdownSelect.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Dispatch, useState } from "react";
-
-interface DropdownSelectProps {
- label: string;
- selectOptions: any[];
- selectedValue?: any;
- selectOption: Dispatch
- 
-
- )}
- {!readonly && balance && (
-
-
-
- MAX
-
- )}
-
-
- );
-};
-export default DropdownSelect;
diff --git a/packages/app/components/FacebookPixel.tsx b/packages/app/components/FacebookPixel.tsx
deleted file mode 100644
index 3a0f99c7..00000000
--- a/packages/app/components/FacebookPixel.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-const FacebookPixel: React.FC = () => (
- <>
-
- `,
- }}
- />
-
-);
-export default FacebookPixel;
diff --git a/packages/app/components/FakeInputField.tsx b/packages/app/components/FakeInputField.tsx
deleted file mode 100644
index 5761c7a7..00000000
--- a/packages/app/components/FakeInputField.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-interface FakeInputFieldProps {
- inputValue: string | number;
- children: JSX.Element | React.ReactComponentElement
-
-
- {showOptions && (
-
- {selectOptions.map((option) => (
-
- )}
- { - selectOption(option.value); - setShowOptions(false); - }} - > - {option.label} -
- ))} -
-
- );
-}
diff --git a/packages/app/components/Footer.tsx b/packages/app/components/Footer.tsx
deleted file mode 100644
index adf31b93..00000000
--- a/packages/app/components/Footer.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import Footer from "@popcorn/components/components/Footer";
-
-export default Footer;
diff --git a/packages/app/components/InfoIconWithModal.tsx b/packages/app/components/InfoIconWithModal.tsx
deleted file mode 100644
index d1a200ef..00000000
--- a/packages/app/components/InfoIconWithModal.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { setSingleActionModal } from "@popcorn/components/context/actions";
-import { store } from "@popcorn/components/context/store";
-import React, { useContext } from "react";
-
-export interface InfoIconWithModalProps {
- title: string;
- content?: string | JSX.Element;
- children?: JSX.Element;
- image?: JSX.Element;
- size?: string;
-}
-
-export const InfoIconWithModal: React.FC{inputValue}
- <>{children} -
{
- dispatch(
- setSingleActionModal({
- title,
- children,
- content,
- image,
- onDismiss: {
- label: "Dismiss",
- onClick: () => {
- dispatch(setSingleActionModal(false));
- },
- },
- }),
- );
- }}
- className={`ml-1 cursor-pointer ${size}`}
- />
- );
-};
diff --git a/packages/app/components/LoadingSpinner.tsx b/packages/app/components/LoadingSpinner.tsx
deleted file mode 100644
index 900c1ed5..00000000
--- a/packages/app/components/LoadingSpinner.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import Lottie from "react-lottie";
-import loaderAnim from "@popcorn/app/LottieAnimations/loader.json";
-
-const LoadingSpinner = () => {
- const loaderOptions = {
- loop: true,
- autoplay: true,
- animationData: loaderAnim,
- rendererSettings: {
- preserveAspectRatio: "xMidYMid meet",
- },
- };
- return (
-
-
- );
-};
-
-export default LoadingSpinner;
diff --git a/packages/app/components/MobileExcuseAlert.tsx b/packages/app/components/MobileExcuseAlert.tsx
deleted file mode 100644
index fa418546..00000000
--- a/packages/app/components/MobileExcuseAlert.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-export default function MobileExcuseAlert(): JSX.Element {
- return (
-
-
- );
-}
diff --git a/packages/app/components/NavBar/DesktopMenu.tsx b/packages/app/components/NavBar/DesktopMenu.tsx
deleted file mode 100644
index 5891266f..00000000
--- a/packages/app/components/NavBar/DesktopMenu.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Menu } from "@headlessui/react";
-import { ChevronDownIcon } from "@heroicons/react/solid";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TertiaryActionButton from "@popcorn/app/components/TertiaryActionButton";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import DropDownComponent from "@popcorn/app/components/NavBar/DropDownComponent";
-import GetPopMenu from "@popcorn/app/components/NavBar/GetPopMenu";
-import NavbarLink from "@popcorn/app/components/NavBar/NavbarLinks";
-import { useDisconnect, useNetwork } from "wagmi";
-import { useChainModal, useConnectModal } from "@rainbow-me/rainbowkit";
-import { networkLogos } from "@popcorn/utils";
-import { useIsConnected } from "@popcorn/app/hooks/useIsConnected";
-import { useMemo, useRef } from "react";
-import { useProductLinks } from "@popcorn/app/hooks/useProductLinks";
-
-export default function DesktopMenu(): JSX.Element {
- const { openConnectModal } = useConnectModal();
- const { disconnect } = useDisconnect();
- const { openChainModal } = useChainModal();
- const router = useRouter();
- const { chain } = useNetwork();
- const isConnected = useIsConnected();
- const logo = useMemo(
- () => (isConnected && chain?.id ? networkLogos[chain.id] : networkLogos["1"]),
- [chain?.id, isConnected],
- );
- const chainName = useMemo(() => (isConnected && chain?.name ? chain.name : "Ethereum"), [chain?.id, isConnected]);
- const productLinks = useProductLinks();
- const menuButtonRef = useRef
- 
-
-
-
-
- 
-
-
- - This site is not yet available on mobile. -
-
-
-
-
- - Follow our - - Discord - {" "} - and - - Twitter - {" "} - to stay updated! -
-
-
-
- );
-}
diff --git a/packages/app/components/NavBar/DropDownComponent.tsx b/packages/app/components/NavBar/DropDownComponent.tsx
deleted file mode 100644
index 9335d70f..00000000
--- a/packages/app/components/NavBar/DropDownComponent.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Menu, Transition } from "@headlessui/react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import React, { Fragment, forwardRef } from "react";
-
-interface GetPopMenuProps {
- menuRef?: React.RefObject
-
-
-
- 
-
-
-
-
-
-
- -
-
-
-
-
- -
-
-
- - - - -
-
-
-
-
-
-
-
-
-
- 
-
- {chainName}
- {
- option?.onClick && option.onClick();
- }}
- >
-
- - {option.title} -
-Buy POP
- - )} -
- await window.ethereum.request({
- // @ts-ignore
- method: "wallet_watchAsset",
- params: {
- // @ts-ignore
- type: "ERC20",
- options: {
- address: pop,
- symbol: "POP",
- decimals: 18,
- image: "https://www.popcorn.network/images/icons/circle/circle_yellow_64x64.png",
- },
- },
- })
- }
- >
-
- )}
- Add to Wallet
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- setShowPopUp(true)}
- >
-
-
-
-
-
-
- Connect to Wallet
--
Select Network
-
-
-
- {chainName}
-
-
- );
-};
diff --git a/packages/app/components/Portfolio/NetWorthCard.tsx b/packages/app/components/Portfolio/NetWorthCard.tsx
deleted file mode 100644
index c60d469c..00000000
--- a/packages/app/components/Portfolio/NetWorthCard.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from "react";
-
-const NetWorthCard = () => {
- return (
-
-
-
-
-
-
- );
-};
-
-export default NetWorthCard;
diff --git a/packages/app/components/Portfolio/PortfolioCardCon.tsx b/packages/app/components/Portfolio/PortfolioCardCon.tsx
deleted file mode 100644
index 7756a372..00000000
--- a/packages/app/components/Portfolio/PortfolioCardCon.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import PortfolioItem from "@popcorn/app/components/Portfolio/PortfolioItem";
-
-interface PortfolioCardCon {
- cardTitle: string;
-}
-const PortfolioCardCon = ({ cardTitle }) => {
- return (
- My Net Worth
-$46,000.00
- -
-
-
- 50%
- 25%
- 25%
-
-
-
-
-
-
- Total Deposits
-
-
-
-
- $23,000.00
-
-
- 50%
-
-
-
-
-
-
- Vesting
-
-
-
-
- $10,000.00
-
-
- 25%
-
-
-
-
-
- In Wallet
-
-
-
-
- $13,000.00
-
-
- 25%
-
-
- );
-};
-
-export default PortfolioCardCon;
diff --git a/packages/app/components/Portfolio/PortfolioHero.tsx b/packages/app/components/Portfolio/PortfolioHero.tsx
deleted file mode 100644
index 3382942a..00000000
--- a/packages/app/components/Portfolio/PortfolioHero.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import StatusWithLabel from "@popcorn/app/components/Common/StatusWithLabel";
-import React from "react";
-
-const PortfolioHero = () => {
- return (
- {cardTitle}
-
-
- );
-};
-
-export default PortfolioHero;
diff --git a/packages/app/components/Portfolio/PortfolioItem.tsx b/packages/app/components/Portfolio/PortfolioItem.tsx
deleted file mode 100644
index 87b719be..00000000
--- a/packages/app/components/Portfolio/PortfolioItem.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Transition } from "@headlessui/react";
-import { ChevronDownIcon } from "@heroicons/react/outline";
-import Badge from "@popcorn/app/components/Common/Badge";
-import StatusWithLabel from "@popcorn/app/components/Common/StatusWithLabel";
-import SecondaryActionButton from "@popcorn/app/components/SecondaryActionButton";
-import React, { useState } from "react";
-import PortfolioProductItem from "@popcorn/app/components/Portfolio/PortfolioProductItem";
-
-const PortfolioItem = () => {
- const badge = {
- text: "5 contracts",
- textColor: "text-black",
- bgColor: "bg-customYellow",
- };
- const [expanded, setExpanded] = useState
-
- Your
-
-
- Your
- Portfolio
- Overview
-
- - A glance at your current Popcorn portfolio across different networks -
-
-
-
-
-
- 
-
-
- {
- setExpanded(!expanded);
- }}
- >
-
-
-
- );
-};
-
-export default PortfolioItem;
diff --git a/packages/app/components/Portfolio/PortfolioMenuTabs.tsx b/packages/app/components/Portfolio/PortfolioMenuTabs.tsx
deleted file mode 100644
index 27075628..00000000
--- a/packages/app/components/Portfolio/PortfolioMenuTabs.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import CustomDropdown from "@popcorn/app/components/Common/CustomDropdown";
-import React from "react";
-
-type categoryFilterType = {
- id: string;
- value: string;
-};
-
-interface PortfolioMenuTabsProps {
- categoryFilter: categoryFilterType;
- onSetCategoryFilter: (item: categoryFilterType) => void;
- categories: Array
-
-
-
-
- Staking
- { -
-
- }
-
-
-
-
-
-
-
-
-
-
-
-
- Total Unclaimed Rewards
-$1,500.00
-
-
-
-
-
-
- );
-};
-
-export default PortfolioMenuTabs;
diff --git a/packages/app/components/Portfolio/PortfolioProductItem.tsx b/packages/app/components/Portfolio/PortfolioProductItem.tsx
deleted file mode 100644
index e4b2edd4..00000000
--- a/packages/app/components/Portfolio/PortfolioProductItem.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import StatusWithLabel from "@popcorn/app/components/Common/StatusWithLabel";
-import TokenIcon from "@popcorn/app/components/TokenIcon";
-import React from "react";
-import { useChainIdFromUrl } from "@popcorn/app/hooks/useChainIdFromUrl";
-import { useDeployment } from "@popcorn/app/hooks/useDeployment";
-
-const PortfolioProductItem = () => {
- const chainId = useChainIdFromUrl();
- const { pop } = useDeployment(chainId);
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default PortfolioProductItem;
diff --git a/packages/app/components/Rewards/AirdropClaim.tsx b/packages/app/components/Rewards/AirdropClaim.tsx
deleted file mode 100644
index 689d5849..00000000
--- a/packages/app/components/Rewards/AirdropClaim.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { ChainId } from "@popcorn/utils";
-import { Token } from "@popcorn/utils/src/types";
-import { BigNumber, constants } from "ethers";
-import { useState } from "react";
-import * as Icon from "react-feather";
-import TokenInput from "@popcorn/app/components/Common/TokenInput";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-
-interface AirDropClaimProps {
- redeem: (redeemAmount: BigNumber) => Promise
-
-
- Popcorn
-
-
-
-
- 450K POP
-
-
-
-
-
-
- );
-};
-export default AirDropClaim;
diff --git a/packages/app/components/Rewards/VestingRecord.tsx b/packages/app/components/Rewards/VestingRecord.tsx
deleted file mode 100644
index 32d4a0b0..00000000
--- a/packages/app/components/Rewards/VestingRecord.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { formatAndRoundBigNumber } from "@popcorn/utils";
-import StatusWithLabel from "@popcorn/app/components/Common/StatusWithLabel";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import { format } from "date-fns";
-import { Escrow } from "@popcorn/app/hooks/useGetUserEscrows";
-
-interface VestingRecordProps {
- vestingEscrow: Escrow;
- index: number;
- claim: (Escrow) => void;
-}
-
-const VestingRecordComponent: React.FC
- setInputAmount(n)}
- />
-
-
-
-
-
-
-
-
-
-
- setInputAmount(n)}
- readonly
- />
-
-
- {(balances[0].allowance.lte(BigNumber.from(0)) || balances[0].allowance.lt(inputAmount)) && (
- {
- redeem(inputAmount).then((res) => {
- setInputAmount(BigNumber.from(0));
- });
- }}
- />
-
-
-
- );
-};
-
-export default VestingRecordComponent;
diff --git a/packages/app/components/SearchBar.tsx b/packages/app/components/SearchBar.tsx
deleted file mode 100644
index f94287a8..00000000
--- a/packages/app/components/SearchBar.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { SearchIcon } from "@heroicons/react/outline";
-
-interface SearchBarProps {
- searchValue: string;
- setSearchValue: (userInput: string) => void;
-}
-
-const SearchBar: React.FC
-
-
- claim(vestingEscrow)}
- disabled={!vestingEscrow.claimableAmount.gte(0)}
- label="Claim"
- />
-
-
-
-
-
-
- claim(vestingEscrow)}
- disabled={!vestingEscrow.claimableAmount.gte(0)}
- label="Claim"
- />
-
-
- {/*
- );
-};
-
-export default SearchBar;
diff --git a/packages/app/components/SecondaryActionButton.tsx b/packages/app/components/SecondaryActionButton.tsx
deleted file mode 100644
index 832cdba0..00000000
--- a/packages/app/components/SecondaryActionButton.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import RightArrowIcon from "@popcorn/app/components/SVGIcons/RightArrowIcon";
-import React, { useState } from "react";
-
-interface ButtonProps {
- label: string;
- handleClick?: (event: React.MouseEvent
-
- );
-}
diff --git a/packages/app/components/StakeCard.tsx b/packages/app/components/StakeCard.tsx
deleted file mode 100644
index c024af90..00000000
--- a/packages/app/components/StakeCard.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { ChainId, formatAndRoundBigNumber, networkLogos } from "@popcorn/utils";
-import { StakingPool, Token } from "@popcorn/utils/src/types";
-import { constants } from "ethers";
-import { useContractMetadata } from "@popcorn/app/hooks/useContractMetadata";
-import Badge, { Badge as BadgeType } from "@popcorn/app/components/Common/Badge";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TokenIcon from "@popcorn/app/components/TokenIcon";
-import useTokenPrices from "@popcorn/app/hooks/tokens/useTokenPrices";
-
-interface StakeCardProps {
- stakingPool: StakingPool;
- stakedToken: Token;
- onSelectPool: (stakingContractAddress: string, stakingTokenAddress: string) => void;
- badge?: BadgeType;
- chainId: ChainId;
- networkLogo?: string;
-}
-
-const StakeCard: React.FC onSelectPool(stakingPool?.address, stakedToken?.address)}
- >
- ![{ChainId[chainId]}]({networkLogos[chainId]})
-
- );
-};
-
-export default StakeCard;
diff --git a/packages/app/components/SwitchNetwork.tsx b/packages/app/components/SwitchNetwork.tsx
deleted file mode 100644
index 04bf8b32..00000000
--- a/packages/app/components/SwitchNetwork.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import SecondaryActionButton from "@popcorn/app/components/SecondaryActionButton";
-import { switchNetwork } from "@wagmi/core";
-
-interface SwitchNetworkProps {
- chainId: number;
- hidden?: boolean;
-}
-export const SwitchNetwork = ({ chainId, hidden }: SwitchNetworkProps) => {
- return (
-
-
-
-
-
-
-
-
- - {metadata?.name ? metadata.name : stakedToken?.name} -
- {badge && ( -
-
- )}
-
- onSelectPool(stakingPool?.address, tokenAddress)} />
-
-
-
-
-
- vAPR
-- {stakingPool?.apy.lt(constants.Zero) - ? "New 🍿✨" - : formatAndRoundBigNumber(stakingPool?.apy, stakedToken?.decimals) + "%"} -
-
-
- TVL
-- {tokenPrice - ? `$ ${formatAndRoundBigNumber( - stakingPool?.totalStake?.mul(tokenPrice).div(constants.WeiPerEther), - stakedToken?.decimals, - )}` - : "..."} -
-
-
- Token Emissions
-- {formatAndRoundBigNumber(stakingPool?.tokenEmission, stakedToken?.decimals)}{" "} - POP / day -
-
- onSelectPool(stakingPool?.address, tokenAddress)} />
-
- switchNetwork({ chainId: Number(chainId) })}
- >
-
- );
-};
diff --git a/packages/app/components/TokenInputToggle.tsx b/packages/app/components/TokenInputToggle.tsx
deleted file mode 100644
index 212691a3..00000000
--- a/packages/app/components/TokenInputToggle.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Dispatch } from "react";
-
-interface TokenInputToggleProps {
- state: [Boolean, DispatchSwitch network
-
-
-
-
-
-
-
-
- );
-};
-export default TokenInputToggle;
diff --git a/packages/app/components/WheelPicker/WheelPicker.tsx b/packages/app/components/WheelPicker/WheelPicker.tsx
deleted file mode 100644
index 65a883ce..00000000
--- a/packages/app/components/WheelPicker/WheelPicker.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-import WheelPickerItem from "@popcorn/app/components/WheelPicker/WheelPickerItem";
-import useHandleKeyboard from "@popcorn/app/hooks/wheelPicker/useHandleKeyboard";
-import useObserver from "@popcorn/app/hooks/wheelPicker/useObserver";
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from "react";
-import styled from "styled-components";
-
-export const OPTION_ID = "wheel-picker-option-";
-
-const List = styled.ul`
- position: relative;
- margin: 0;
- padding: 0;
- display: inline-block;
- list-style: none;
- overflow-y: scroll;
- will-change: transform;
- overflow-x: hidden;
- text-align: center;
- padding: 0 20px;
- ${(props: {
- height: number;
- width: string;
- backgroundColor: string;
- shadowColor: string;
- focusColor: string;
- }): string => `
- height: ${props.height}px;
- width: ${props.width};
- background-color: ${props.backgroundColor};
- box-shadow: 1px 3px 10px ${props.shadowColor} inset;
- &:focus {
- outline: 2px solid ${props.focusColor};
- }
- `}
-`;
-
-const calculateSpaceHeight = (height: number, itemHeight: number): number => {
- const limit = height / itemHeight / 2 - 0.5;
- return itemHeight * limit;
-};
-
-const setStyles = (styles: {
- width?: number;
- color?: string;
- activeColor?: string;
- fontSize?: number;
- backgroundColor?: string;
- shadowColor?: string;
- focusColor?: string;
-}) => {
- const _color = styles.color || "#fff";
- return {
- color: _color,
- activeColor: styles.activeColor || _color,
- fontSize: styles.fontSize || 16,
- backgroundColor: styles.backgroundColor || "#555",
- shadowColor: styles.shadowColor || "#333",
- width: styles.width ? `${styles.width}px` : "100%",
- focusColor: styles.focusColor ? styles.focusColor : "blue",
- };
-};
-
-// picker data interface
-export interface PickerDataWithoutIcon {
- id: string;
- value: string | number;
- icon?: string;
-}
-
-export interface PickerDataWithIcon extends PickerDataWithoutIcon {
- icon: string;
-}
-
-export type PickerData = PickerDataWithoutIcon | PickerDataWithIcon;
-
-// wheel ref interface
-export interface WheelPickerRef {
- focus: () => void;
- blur: () => void;
-}
-
-// wheel picker props interface
-interface CommonWheelPickerProps {
- selectedID: string;
- onChange: (data: PickerData) => void;
- height: number;
- itemHeight: number;
- idName?: string;
- titleID?: string;
- titleText?: string;
- required?: boolean;
- width?: number;
- color?: string;
- activeColor?: string;
- fontSize?: number;
- backgroundColor?: string;
- shadowColor?: string;
- focusColor?: string;
-}
-
-export type WheelPickerProps = CommonWheelPickerProps &
- (
- | {
- renderWithIcon?: never;
- dataWithIcons?: never;
- data: PickerDataWithoutIcon[];
- }
- | {
- renderWithIcon: true;
- data?: never;
- dataWithIcons: PickerDataWithIcon[];
- }
- );
-
-const WheelPicker = forwardRef toggle(false)}
- >
-
- - {labels[0]} -
- toggle(true)}
- >
-
- - {labels[1]} -
--
-
- {data.map((item: PickerData) => (
-
- 
-
- )}
-
- -
-
- {data.map((item) => (
-
- - {item.value} - - ))} - -
-
-
-
-
-
-
-
-
- 
- 
- 
- 
- 
-
-
- Built With
-
-
-
-
-
-
-
- );
-}
diff --git a/packages/app/components/landing/Product.tsx b/packages/app/components/landing/Product.tsx
deleted file mode 100644
index de5f499c..00000000
--- a/packages/app/components/landing/Product.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import StatusWithLabel, { StatusWithLabelProps } from "@popcorn/app/components/Common/StatusWithLabel";
-import useNetworkName from "@popcorn/app/hooks/useNetworkName";
-import Link from "next/link";
-import React from "react";
-
-export interface ProductProps {
- title: string;
- description: string;
- stats: [StatusWithLabelProps] | [StatusWithLabelProps, StatusWithLabelProps];
- route: string;
- customContent?: JSX.Element;
- badge?: string;
-}
-
-export default function Product({ title, description, stats, route, customContent, badge }: ProductProps): JSX.Element {
- return (
-
-
- My Net Worth
-MNW
-- ${formatter.format(parseInt(formatUnits(totalNetWorth)))} -
-
-
- );
-}
diff --git a/packages/app/components/landing/Products.tsx b/packages/app/components/landing/Products.tsx
deleted file mode 100644
index 8cddae46..00000000
--- a/packages/app/components/landing/Products.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-import { ChainId } from "@popcorn/utils";
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import { formatUnits } from "ethers/lib/utils";
-import useStakingTVL from "@popcorn/app/hooks/staking/useStakingTVL";
-import React from "react";
-import Product from "@popcorn/app/components/landing/Product";
-import useNetworkName from "@popcorn/app/hooks/useNetworkName";
-import { useNamedAccounts } from "@popcorn/components/lib/utils/hooks";
-import { Staking, Contract } from "@popcorn/components/lib";
-import { useFeatures } from "@popcorn/components/hooks/useFeatures";
-
-const Products = () => {
- const { Ethereum, Polygon } = ChainId;
- const networkName = useNetworkName();
-
- const { data: mainnetStakingTVL } = useStakingTVL(Ethereum);
- const { data: polygonStakingTVL } = useStakingTVL(Polygon);
- const [threeX, butter, threeXStaking, butterStaking] = useNamedAccounts("1", [
- "threeX",
- "butter",
- "threeXStaking",
- "butterStaking",
- ]);
- const {
- features: { sweetVaults: displaySweetVaults },
- } = useFeatures();
-
- const formatter = Intl.NumberFormat("en", {
- //@ts-ignore
- notation: "compact",
- });
-
- return (
-
-
-
-
- 
}
-
- {title}
- {badge &&{description}
-{customContent}
- {customContent && (
- {customContent && customContent}
- )}
-
-
-
-
-
-
-
-
- {stats.length === 2 && (
-
-
-
-
- Featured
-
- {displaySweetVaults && (
-
-
-
- Exposure
-
- 
- 
- 
- 
- 
- 
-
-
-);
-
-const ThreeXExposure: JSX.Element = (
- <>
-
-
-
-
-
-
-
-
- Exposure
-
- 
- 
- 
- 
- 
- 
- 
-
-
-);
-
-export default Products;
diff --git a/packages/app/components/landing/TVLCard.tsx b/packages/app/components/landing/TVLCard.tsx
deleted file mode 100644
index bd47cea4..00000000
--- a/packages/app/components/landing/TVLCard.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ChainId } from "@popcorn/utils";
-import TotalTVL from "@popcorn/components/lib/Contract/TotalTvl";
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import useSetTokenTVL from "@popcorn/app/hooks/set/useSetTokenTVL";
-import useVariadicSum from "@popcorn/components/hooks/useVariadicSum";
-import { useDeployment } from "@popcorn/app/hooks/useDeployment";
-
-const { Ethereum } = ChainId;
-
-export function TVLCard(): JSX.Element {
- const eth = useDeployment(Ethereum);
- const { data: butterTVL } = useSetTokenTVL(eth.butter, eth.butterBatch, Ethereum);
- const { data: threeXTVL } = useSetTokenTVL(eth.threeX, eth.threeXBatch, Ethereum);
-
- const prependedTVL = useVariadicSum(butterTVL, threeXTVL);
-
- return (
-
-
-
-
-
-
-
-
-
- {({ formatted }) =>
-
- );
-}
diff --git a/packages/app/components/staking/PopLockerInteraction.tsx b/packages/app/components/staking/PopLockerInteraction.tsx
deleted file mode 100644
index 8e635ba2..00000000
--- a/packages/app/components/staking/PopLockerInteraction.tsx
+++ /dev/null
@@ -1,165 +0,0 @@
-import { formatAndRoundBigNumber } from "@popcorn/utils";
-import TokenInput from "@popcorn/app/components/Common/TokenInput";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import VestingRecordDropDown from "@popcorn/app/components/staking/VestingRecordDropDown";
-import TermsAndConditions from "@popcorn/app/components/StakingTermsAndConditions";
-import { useEffect, useState } from "react";
-import { formatDate } from "@popcorn/utils/src/DateTime";
-import { InteractionType } from "@popcorn/app/components/staking/StakeInterface";
-import { StakingInteractionProps } from "@popcorn/app/components/staking/StakingInteraction";
-import { Pop } from "@popcorn/components/lib/types";
-import { BigNumber } from "ethers";
-
-interface PopLockerInteractionProps extends StakingInteractionProps {
- restake: () => void;
- spendableBalance?: Pop.HookResult
-
- Total Value Locked
-TVL
-{formatted}
} -
-
- )}
- {deposit && (
- <>
-
- {/* check if lockedBalances[0] is not undefined */}
- {lockedBalances?.length && lockedBalances[0].unlockTime ? (
-
-
-
- )}
-
-
-
- AMOUNT
-- {formatAndRoundBigNumber(chosenLock.amount, 18)} POP -
-
-
- UNLOCK DATE
-- {formatDate(new Date(chosenLock.unlockTime * 1000), "MMM dd")} -
-
-
- REMAINING
-- {Math.floor((chosenLock.unlockTime * 1000 - Date.now()) / (60 * 60 * 24 * 7) / 1000)} Weeks -
-
-
-
-
-
- POP
-
-
-
- {
- setState({ ...state, amount: _amount });
- }}
- />
-
-
-
- ) : (
-
-
- )}
-
- )}
-
- );
-}
diff --git a/packages/app/components/staking/StakeInterface.tsx b/packages/app/components/staking/StakeInterface.tsx
deleted file mode 100644
index 1c461671..00000000
--- a/packages/app/components/staking/StakeInterface.tsx
+++ /dev/null
@@ -1,321 +0,0 @@
-import { ChevronLeftIcon } from "@heroicons/react/solid";
-import MobileCardSlider from "@popcorn/app/components/Common/MobileCardSlider";
-import StatusWithLabel from "@popcorn/app/components/Common/StatusWithLabel";
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import SecondaryActionButton from "@popcorn/app/components/SecondaryActionButton";
-import TokenIcon from "@popcorn/app/components/TokenIcon";
-import TokenInputToggle from "@popcorn/app/components/TokenInputToggle";
-import { ChainId, formatAndRoundBigNumber } from "@popcorn/utils";
-import { BigNumber, constants } from "ethers";
-import useNetworkName from "@popcorn/app/hooks/useNetworkName";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import useContractMetadata from "@popcorn/app/hooks/useContractMetadata";
-import PopLockerInteraction from "@popcorn/app/components/staking/PopLockerInteraction";
-import StakingInteraction, { StakingInteractionProps } from "@popcorn/app/components/staking/StakingInteraction";
-import { NetworkSticker } from "@popcorn/app/components/NetworkSticker";
-import { useDeployment } from "@popcorn/app/hooks/useDeployment";
-import usePopLocker from "@popcorn/app/hooks/staking/usePopLocker";
-import { Pop } from "@popcorn/components/lib/types";
-
-interface StakeInterfaceProps extends StakingInteractionProps {
- stakedTokenPrice: BigNumber;
- chainId: number;
- restake?: () => void;
- isPopLocker?: boolean;
- spendableBalance?: Pop.HookResult
-
-
- router.push("/staking")}>
-
- Staking
-
-
-
-
-
-
-
- {stakingToken?.name}
-
-
-
-
- vAPR
-
- }
- green
- infoIconProps={{
- id: "vAPR",
- title: "vAPR",
- content: "This is a variable annual percentage rate. 90% of POP rewards are vested over one year.",
- }}
- />
-
-
-
-
-
-
- 
-
-
-
-
-
- {/*
-
-
-
-
-
-
- {isPopLocker ? (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Your Staked Balance
-- {stakingPool?.userStake - ? formatAndRoundBigNumber(stakingPool.userStake, stakingToken.decimals) - : "0"}{" "} - {stakingToken?.symbol} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Your Staking Rewards
-- {stakingPool?.earned ? formatAndRoundBigNumber(stakingPool.earned, stakingToken.decimals) : "0"} POP -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Your Staked Balance
-- {stakingPool?.userStake - ? formatAndRoundBigNumber(stakingPool.userStake, stakingToken.decimals) - : "0"}{" "} - {stakingToken?.symbol} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Your Staking Rewards
-- {stakingPool?.earned ? formatAndRoundBigNumber(stakingPool.earned, stakingToken.decimals) : "0"}{" "} - POP -
-
-
-
-
-
- {/* removed text for now - @am */}
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/packages/app/components/staking/StakingInteraction.tsx b/packages/app/components/staking/StakingInteraction.tsx
deleted file mode 100644
index 968f7bcc..00000000
--- a/packages/app/components/staking/StakingInteraction.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { ChainId } from "@popcorn/utils";
-import { StakingPool } from "@popcorn/utils/src/types";
-import TokenInput from "@popcorn/app/components/Common/TokenInput";
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import TermsAndConditions from "@popcorn/app/components/StakingTermsAndConditions";
-import { BigNumber } from "ethers";
-import { Dispatch, SetStateAction } from "react";
-import { InteractionType, StakingForm } from "@popcorn/app/components/staking/StakeInterface";
-
-export interface StakingInteractionProps {
- stakingPool: StakingPool;
- form: [StakingForm, Dispatch
-
-
-
-
-
-
-
-
-
- setState({ ...state, amount: amt })}
- balance={withdrawal ? stakingPool?.userStake : user.balance}
- account={account}
- />
-
- {withdrawal && (
-
-
- )}
- {deposit && (
- <>
-
-
- ) : (
-
-
- )}
-
- )}
-
- );
-}
diff --git a/packages/app/components/staking/SuccessfulStakingModal.tsx b/packages/app/components/staking/SuccessfulStakingModal.tsx
deleted file mode 100644
index df3b4ca7..00000000
--- a/packages/app/components/staking/SuccessfulStakingModal.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-const SuccessfulStakingModal: JSX.Element = (
-
-
-);
-
-export default SuccessfulStakingModal;
diff --git a/packages/app/components/staking/TermsModalContent.tsx b/packages/app/components/staking/TermsModalContent.tsx
deleted file mode 100644
index 5285ec19..00000000
--- a/packages/app/components/staking/TermsModalContent.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import { useState } from "react";
-
-interface TermsContentProps {
- restake: () => void;
-}
-const TermsContent: React.FCHere's what happens when you stake
--
-
- Earn sweet POP! -
- Support social impact! -
-
- );
-};
-
-export default TermsContent;
diff --git a/packages/app/context/actions.tsx b/packages/app/context/actions.tsx
deleted file mode 100644
index 4c62e6bb..00000000
--- a/packages/app/context/actions.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { DualActionModalProps } from "@popcorn/components/components/Modal/DualActionModal";
-import {
- DefaultMultiChoiceActionModalProps,
- MultiChoiceActionModalProps,
-} from "@popcorn/components/components/Modal/MultiChoiceActionModal";
-import {
- DefaultSingleActionModalProps,
- SingleActionModalProps,
-} from "@popcorn/components/components/Modal/SingleActionModal";
-import { DefaultDualActionModalProps } from "@popcorn/components/components/Modal/DualActionModal";
-
-export const PUSH_NOTIFICATION = "notifications/PUSH_NOTIFICATION";
-export const UNSET_NOTIFICATION = "notifications/UNSET_NOTIFICATION";
-export const HIDE_NOTIFICATION = "notifications/HIDE_NOTIFICATION";
-export const CLEAR_NOTIFICATIONS = "notifications/CLEAR_NOTIFICATIONS";
-export const NETWORK_CHANGE_PROMPT_MODAL = "modals/NETWORK_CHANGE_PROMPT_MODAL";
-export const MOBILE_FULL_SCREEN_MODAL = "modals/MOBILE_FULL_SCREEN_MODAL";
-export const SINGLE_ACTION_MODAL = "modals/SINGLE_ACTION_MODAL";
-export const WALLET_SELECT_MODAL = "modals/WALLET_SELECT_MODAL";
-export const MULTI_CHOICE_ACTION_MODAL = "modals/MULTI_CHOICE_ACTION_MODAL";
-export const DUAL_ACTION_MODAL = "modals/DUAL_ACTION_MODAL";
-export const DUAL_ACTION_WIDE_MODAL = "modals/DUAL_ACTION_WIDE_MODAL";
-export const SHOW_GLOBAL_LOADER = "ui/SHOW_GLOBAL_LOADER";
-export const HIDE_GLOBAL_LOADER = "ui/HIDE_GLOBAL_LOADER";
-
-export const UPDATE_STAKING_PAGE_INFO = "staking/UPDATE_STAKING_PAGE_INFO";
-
-export type AppActions =
- | SetSingleActionModalAction
- | SetDualActionModalAction
- | SetMultiChoiceActionModalAction
- | ShowGlobalLoaderAction;
-
-export interface ShowGlobalLoaderAction {
- type: typeof SHOW_GLOBAL_LOADER | typeof HIDE_GLOBAL_LOADER;
- payload: boolean;
-}
-
-export const showGlobalLoader = (): ShowGlobalLoaderAction => {
- return {
- type: SHOW_GLOBAL_LOADER,
- payload: true,
- };
-};
-
-export const hideGlobalLoader = (): ShowGlobalLoaderAction => {
- return {
- type: HIDE_GLOBAL_LOADER,
- payload: false,
- };
-};
-export interface SetSingleActionModalAction {
- type: typeof SINGLE_ACTION_MODAL;
- payload: SingleActionModalProps;
-}
-
-export const setSingleActionModal = (props: Partial
- {
- setTermsAccepted(!termsAccepted);
- }}
- className="ml-1 mr-4 focus:ring-primary h-4 w-4 text-primary border-customLightGray rounded"
- />
-
-
- -
-
- - Your staked tokens will be locked for a period of 12 weeks. You will be unable to access your tokens during - this period. - -
- - {" "} - Your staked tokens must be re-staked or withdrawn after the 3-month lock time expires or they will be - subjected to a penalty of 1% per epoch week that they are not re-staked. - -
- - After rewards are earned and claimed, 10% is immediately transferred, and the rest of the earned amount is - unlocked linearly over the following 365 day period. - -
-
- );
-};
-
-export default ErrorPage;
diff --git a/packages/app/pages/[network]/portfolio.tsx b/packages/app/pages/[network]/portfolio.tsx
deleted file mode 100644
index 29158113..00000000
--- a/packages/app/pages/[network]/portfolio.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import NetWorthCard from "@popcorn/app/components/Portfolio/NetWorthCard";
-import PortfolioCardCon from "@popcorn/app/components/Portfolio/PortfolioCardCon";
-import PortfolioHero from "@popcorn/app/components/Portfolio/PortfolioHero";
-import PortfolioMenuTabs from "@popcorn/app/components/Portfolio/PortfolioMenuTabs";
-import React, { useState } from "react";
-
-const allNetworks = [
- {
- id: "0",
- value: "All Networks",
- },
- {
- id: "1337",
- value: "Ethereum",
- },
- {
- id: "1",
- value: "Localhost",
- },
- {
- id: "137",
- value: "Polygon",
- },
-];
-const portfolio = () => {
- const [categoryFilter, setCategoryFilter] = useState<{ id: string; value: string }>({
- id: "0",
- value: "All Networks",
- });
- return (
- <>
-
-
- - Please sign terms and conditions to use this Dapp. -
-
-
-
-
- - Follow our - - Discord - {" "} - and - - Twitter - {" "} - for more information! -
-
-
-
-
- - - Go back - {" "} -
-
- 
-
-
-
-
-
- );
-};
-
-export default portfolio;
diff --git a/packages/app/pages/[network]/set/3x.tsx b/packages/app/pages/[network]/set/3x.tsx
deleted file mode 100644
index 24b90057..00000000
--- a/packages/app/pages/[network]/set/3x.tsx
+++ /dev/null
@@ -1,664 +0,0 @@
-import { parseEther } from "@ethersproject/units";
-import { Dialog, Transition } from "@headlessui/react";
-import { ThreeXWhaleProcessing } from "@popcorn/hardhat/typechain";
-import { ChainId, getIndexForToken, getMinZapAmount, prepareHotSwap } from "@popcorn/utils";
-import { BatchType, Token } from "@popcorn/utils/src/types";
-import BatchProgress from "@popcorn/app/components/BatchButter/BatchProgress";
-import { Pages } from "@popcorn/app/components/BatchButter/ButterTokenInput";
-import ClaimableBatches from "@popcorn/app/components/BatchButter/ClaimableBatches";
-import MintRedeemInterface from "@popcorn/app/components/BatchButter/MintRedeemInterface";
-import MobileTutorialSlider from "@popcorn/app/components/BatchButter/MobileTutorialSlider";
-import StatInfoCard from "@popcorn/app/components/BatchButter/StatInfoCard";
-import { ConnectWallet } from "@popcorn/components/components/ConnectWallet";
-import SetStats from "@popcorn/app/components/SetStats";
-import RightArrowIcon from "@popcorn/app/components/SVGIcons/RightArrowIcon";
-import { SwitchNetwork } from "@popcorn/app/components/SwitchNetwork";
-import { setMultiChoiceActionModal } from "@popcorn/components/context/actions";
-import { store } from "@popcorn/components/context/store";
-import { BigNumber, constants, ethers } from "ethers";
-import { ModalType, toggleModal } from "@popcorn/app/helper/modalHelpers";
-import useSetToken from "@popcorn/app/hooks/set/useSetToken";
-import useThreeXBatch from "@popcorn/app/hooks/set/useThreeXBatch";
-import useThreeXData from "@popcorn/app/hooks/set/useThreeXData";
-import useThreeXWhale from "@popcorn/app/hooks/set/useThreeXWhale";
-import useThreeXWhaleData from "@popcorn/app/hooks/set/useThreeXWhaleData";
-import useThreeXZapper from "@popcorn/app/hooks/set/useThreeXZapper";
-import { useAdjustDepositDecimals } from "@popcorn/app/hooks/useAdjustDepositDecimals";
-import { useChainIdFromUrl } from "@popcorn/app/hooks/useChainIdFromUrl";
-import { useDeployment } from "@popcorn/app/hooks/useDeployment";
-import { useTransaction } from "@popcorn/app/hooks/useTransaction";
-import useWeb3 from "@popcorn/app/hooks/useWeb3";
-import { Fragment, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import ContentLoader from "react-content-loader";
-import { isDepositDisabled } from "@popcorn/app/helper/isDepositDisabled";
-import { ButterPageState, DEFAULT_BUTTER_PAGE_STATE } from "@popcorn/app/pages/[network]/set/butter";
-import { useIsConnected } from "@popcorn/app/hooks/useIsConnected";
-import { useButterIsSupportedOnNetwork } from "@popcorn/app/hooks/useButterIsSupportedOnNetwork";
-import { Price } from "@popcorn/components";
-
-export default function ThreeXPage(): JSX.Element {
- const { signer, account } = useWeb3();
- const chainId = useChainIdFromUrl();
- const contractAddresses = useDeployment(chainId);
-
- const { dispatch } = useContext(store);
- const threeXSetToken = useSetToken(contractAddresses.threeX, chainId);
- const threeXZapper = useThreeXZapper(contractAddresses.threeXZapper, chainId);
- const threeXBatch = useThreeXBatch(contractAddresses.threeXBatch, chainId);
- const threeXWhale = useThreeXWhale(contractAddresses.threeXWhale, chainId);
- const ZAP_TOKEN = [contractAddresses.dai, contractAddresses.usdt];
- const { data: threeXData, error: errorFetchingThreeXData, mutate: refetchThreeXBatchData } = useThreeXData(chainId);
- const {
- data: threeXWhaleData,
- error: errorFetchingThreeXWhaleData,
- mutate: refetchThreeXWhaleData,
- } = useThreeXWhaleData(chainId);
- const [threeXPageState, setThreeXPageState] = useState
-
-
-
- 
,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideBatchProcessingPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- },
- "hideMintPopover",
- dispatch,
- );
- }
- function handleRedeemSuccess() {
- return toggleModal(
- ModalType.MultiChoice,
- {
- title: "Deposit for Redeem",
- content:
- "You have successfully deposited into the current redeem batch. Check the table at the bottom of this page to claim the tokens when they are ready.",
- image: ,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideBatchProcessingPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- },
- "hideRedeemPopover",
- dispatch,
- );
- }
-
- async function claim(batchId: string, useZap?: boolean, outputToken?: Token): Promise- Your tokens are now in your wallet. To see them make sure to import 3x into your wallet -
- - - ), - image:
,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideClaimSuccessPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- },
- "hideClaimSuccessPopover",
- dispatch,
- );
- },
- );
- }
-
- async function claimAndStake(batchId: string): Promise
-
-
-
- 3X
-
- Mint 3X and earn interest on multiple stablecoins at once.
- Stake your 3X to earn boosted APY.
-
-
- {/*
- {/* Connected and on Ethereum BUT loading */}
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Connected and on Ethereum all data loaded */}
-
- setThreeXPageState((prevState) => ({ ...prevState, instant: val }))}
- depositAmount={threeXPageState?.depositAmount}
- setDepositAmount={(val) => setThreeXPageState((prevState) => ({ ...prevState, depositAmount: val }))}
- showSlippageAdjust={threeXPageState?.instant || (threeXPageState?.redeeming && threeXPageState?.useZap)}
- slippage={threeXPageState?.slippage}
- setSlippage={(val) => setThreeXPageState((prevState) => ({ ...prevState, slippage: val }))}
- withdrawMode={threeXPageState?.redeeming}
- setWithdrawMode={(val) => setThreeXPageState((prevState) => ({ ...prevState, redeeming: val }))}
- hasUnclaimedBalances={hasClaimableBalances()}
- useUnclaimedDeposits={threeXPageState?.useUnclaimedDeposits}
- chainId={chainId}
- setUseUnclaimedDeposits={(val) =>
- setThreeXPageState((prevState) => ({ ...prevState, useUnclaimedDeposits: val }))
- }
- />
-
-
-
-
-
-
-
-
-
-
-
- 50% yvCurve-sUSDpool
- 50% yvCurve-3EURpool
-
- 3X has Exposure to: sUSD, DAI, USDC, USDT, agEUR, EURT and EURS. - - ), - }} - /> -
- - 50% yvCurve-sUSDpool
- 50% yvCurve-3EURpool
-
- 3X has Exposure to: sUSD, DAI, USDC, USDT, agEUR, EURT and EURS. - - ), - }} - /> -
-
- toggleMobileTutorial(true)}
- >
-
- Learn How It Works
-
-
-
- token.address === contractAddresses.dai),
- threeXPageState?.tokens?.find((token) => token.address === contractAddresses.usdt),
- ]}
- slippage={threeXPageState.slippage}
- setSlippage={(val) => setThreeXPageState((prevState) => ({ ...prevState, slippage: val }))}
- batches={threeXData?.accountBatches}
- claim={claim}
- claimAndStake={claimAndStake}
- withdraw={handleWithdraw}
- isThreeX
- />
-
- ,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideBatchProcessingPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- },
- "hideMintPopover",
- dispatch,
- );
- }
-
- function handleRedeemSuccess() {
- setButterPageState({ ...butterPageState, depositAmount: constants.Zero });
- toggleModal(
- ModalType.MultiChoice,
- {
- title: "Deposit for Redeem",
- content:
- "You have successfully deposited into the current redeem batch. Check the table at the bottom of this page to claim the tokens when they are ready.",
- image: ,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideBatchProcessingPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- },
- "hideRedeemPopover",
- dispatch,
- );
- }
-
- async function instantMint(depositAmount: BigNumber, stakeImmidiate = false): Promise- Your tokens are now in your wallet. To see them make sure to import butter into your wallet -
- - - ), - image:,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideClaimSuccessPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- },
- "hideClaimSuccessPopover",
- dispatch,
- );
- }
-
- async function claim(batchId: string, useZap?: boolean, outputToken?: Token): Promise
-
-
-
- Butter - Yield
-
-
- Butter - Yield
- Optimizer
-
-
- Mint BTR and earn interest on multiple stablecoins at once.
- Stake BTR to earn boosted APY.
-
-
-
-
- toggleMobileTutorial(true)}
- >
-
- Learn How It Works
-
-
- {/*
-
-
-
- {/* Connected and on Ethereum BUT loading */}
-
-
-
- {/* Connected and on Ethereum all data loaded */}
- {account.address &&
- butterIsSupportedOnNetwork &&
- !loadingButterBatchData &&
- butterBatchData &&
- butterPageState.selectedToken && (
-
-
-
-
-
-
-
-
-
- setButterPageState((prevState) => ({ ...prevState, instant: val }))}
- depositAmount={butterPageState.depositAmount}
- setDepositAmount={(val) =>
- setButterPageState((prevState) => ({ ...prevState, depositAmount: val }))
- }
- depositDisabled={isDepositDisabled(
- butterWhaleData.totalSupply,
- butter,
- butterPageState.selectedToken,
- butterPageState.redeeming,
- butterPageState.depositAmount,
- butterPageState.useUnclaimedDeposits,
- )}
- withdrawMode={butterPageState.redeeming}
- setWithdrawMode={(val) => {
- setButterPageState((prevState) => ({ ...prevState, redeeming: val }));
- }}
- showSlippageAdjust={butterPageState.instant || butterPageState.useZap}
- slippage={butterPageState.slippage}
- setSlippage={(val) => setButterPageState((prevState) => ({ ...prevState, slippage: val }))}
- hasUnclaimedBalances={hasClaimableBalances()}
- useUnclaimedDeposits={butterPageState.useUnclaimedDeposits}
- setUseUnclaimedDeposits={(val) =>
- setButterPageState((prevState) => ({ ...prevState, useUnclaimedDeposits: val }))
- }
- />
-
- )}
-
-
-
-
-
-
-
-
-
- 25.00% yvCurve-FRAX
- 25.00% yvCurve-RAI
- 25.00% yvCurve-mUSD
- 25.00% yvCurve-alUSD
-
- BTR has Exposure to: FRAX, RAI, mUSD, alUSD, sUSD and 3CRV (USDC/DAI/USDT). - - ), - }} - /> -
- - 25.00% yvCurve-FRAX
- 25.00% yvCurve-RAI
- 25.00% yvCurve-mUSD
- 25.00% yvCurve-alUSD
-
- BTR has Exposure to: FRAX, RAI, mUSD, alUSD, sUSD and 3CRV (USDC/DAI/USDT). - - ), - }} - /> -
-
-
-
-
- token.address === addr.dai),
- butterBatchData?.tokens?.find((token) => token.address === addr.usdc),
- butterBatchData?.tokens?.find((token) => token.address === addr.usdt),
- ]}
- slippage={butterPageState.slippage}
- setSlippage={(val) => setButterPageState((prevState) => ({ ...prevState, slippage: val }))}
- batches={butterBatchData?.accountBatches}
- claim={claim}
- claimAndStake={claimAndStake}
- withdraw={withdraw}
- />
-
- 
,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideStakeSuccessPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- }),
- );
- }
- },
- );
- }
-
- function withdraw(): void {
- transaction(
- () => stakingPool.contract.connect(signer).withdraw(form.amount),
- `Withdrawing ${stakingToken?.symbol} ...`,
- `${stakingToken?.symbol} withdrawn!`,
- () => {
- setForm({ ...defaultForm, type: InteractionType.Withdraw });
- refetchStakingPool();
- balances.revalidate();
- },
- );
- }
-
- function approve(): void {
- transaction(
- () => stakingToken.contract.connect(signer).approve(stakingPool.address, ethers.constants.MaxUint256),
- `Approving ${stakingToken?.symbol} ...`,
- `${stakingToken?.symbol} approved!`,
- () => balances.revalidate(),
- );
- }
-
- return isLoading ? (
- ,
- onConfirm: {
- label: "Continue",
- onClick: () => dispatch(setMultiChoiceActionModal(false)),
- },
- onDontShowAgain: {
- label: "Do not remind me again",
- onClick: () => {
- localStorage.setItem("hideStakeSuccessPopover", "true");
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- onDismiss: {
- onClick: () => {
- dispatch(setMultiChoiceActionModal(false));
- },
- },
- }),
- );
- }
- },
- );
- }
-
- function withdraw(): void {
- transaction(
- () => stakingPool?.contract.connect(signer)["processExpiredLocks(bool)"](false),
- "Withdrawing POP ...",
- "POP withdrawn!",
- () => {
- balances.revalidate();
- setForm({ ...defaultForm, type: InteractionType.Withdraw });
- },
- );
- }
-
- function restake(): void {
- transaction(
- () => stakingPool.contract.connect(signer)["processExpiredLocks(bool)"](true),
- "Restaking POP ...",
- "POP Restaked!",
- () => {
- balances.revalidate();
- setForm(defaultForm);
- },
- );
- }
-
- const openTermsModal = () => {
- dispatch(
- setSingleActionModal({
- title: "Terms & Conditions",
- isTerms: true,
- children: 301 Moved Permanently
-
- );
-};
-
-export default MobileProductsMenu;
diff --git a/packages/components/components/SVGIcons/DiscordIcon.tsx b/packages/components/components/SVGIcons/DiscordIcon.tsx
deleted file mode 100644
index d60b8133..00000000
--- a/packages/components/components/SVGIcons/DiscordIcon.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from "react";
-
-interface IconProps {
- color: string;
- size: string;
-}
-const DiscordIcon: React.FC
-
- Products
--
- {displaySweetVaults && (
-
-
-
-
- )}
- -
-
-
- -
-
-
- -
-
-
-
-
- RainbowKit App
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default Home;
diff --git a/packages/components/postcss.config.js b/packages/components/postcss.config.js
deleted file mode 100644
index 12a703d9..00000000
--- a/packages/components/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {},
- },
-};
diff --git a/packages/components/public/images/closeIcon.svg b/packages/components/public/images/closeIcon.svg
deleted file mode 100644
index 8fbe9ce8..00000000
--- a/packages/components/public/images/closeIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/packages/components/stories/Badge.stories.tsx b/packages/components/stories/Badge.stories.tsx
deleted file mode 100644
index 9b009f24..00000000
--- a/packages/components/stories/Badge.stories.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-import { Badge } from "../components/Badge";
-
-export default {
- title: "Components/Badge",
- component: Badge,
- argTypes: {
- backgroundColor: { control: "color" },
- },
-} as ComponentMeta- Welcome to RainbowKit + wagmi + Next.js! -
- -
- Get started by editing pages/index.tsx
-
-
-
-
- RainbowKit Documentation →
-Learn how to customize your wallet connection flow.
- - - -wagmi Documentation →
-Learn how to interact with Ethereum.
- - - -RainbowKit Examples →
-Discover boilerplate example RainbowKit projects.
- - - -Next.js Documentation →
-Find in-depth information about Next.js features and API.
- - - -Next.js Examples →
-Discover and deploy boilerplate example Next.js projects.
- - - -Deploy →
-Instantly deploy your Next.js site to a public URL with Vercel.
- - gotoSlide(index)}
>
))}
diff --git a/packages/components/components/Modal/DualActionModal.tsx b/packages/greenfield-app/components/Modal/DualActionModal.tsx
similarity index 94%
rename from packages/components/components/Modal/DualActionModal.tsx
rename to packages/greenfield-app/components/Modal/DualActionModal.tsx
index 1f8cd59a..4cdce89c 100644
--- a/packages/components/components/Modal/DualActionModal.tsx
+++ b/packages/greenfield-app/components/Modal/DualActionModal.tsx
@@ -1,5 +1,5 @@
-import MainActionButton from "@popcorn/app/components/MainActionButton";
-import SecondaryActionButton from "@popcorn/app/components/SecondaryActionButton";
+import MainActionButton from "@popcorn/greenfield-app/components/MainActionButton";
+import SecondaryActionButton from "@popcorn/greenfield-app/components/SecondaryActionButton";
import React, { useEffect, useRef, useState } from "react";
export interface DualActionModalProps {
@@ -20,7 +20,6 @@ export const DefaultDualActionModalProps = {
export const DualActionModal: React.FC = ({ options, menuRef }) => {
}}
>
- {option.title}
+
+ );
+};
diff --git a/packages/components/components/NewsletterSubscription.tsx b/packages/greenfield-app/components/NewsletterSubscription.tsx
similarity index 91%
rename from packages/components/components/NewsletterSubscription.tsx
rename to packages/greenfield-app/components/NewsletterSubscription.tsx
index 62721c3d..84ee7f03 100644
--- a/packages/components/components/NewsletterSubscription.tsx
+++ b/packages/greenfield-app/components/NewsletterSubscription.tsx
@@ -1,5 +1,5 @@
-import SecondaryButton from "@popcorn/components/components/SecondaryActionButton";
-import useSubscribeToNewsletter from "@popcorn/components/hooks/useSubscribeToNewsletter";
+import SecondaryButton from "@popcorn/greenfield-app/components/SecondaryActionButton";
+import useSubscribeToNewsletter from "@popcorn/greenfield-app/hooks/useSubscribeToNewsletter";
import React, { useState } from "react";
interface NewsletterSubscriptionProps {
diff --git a/packages/app/components/Rewards/NotAvailable.tsx b/packages/greenfield-app/components/NotAvailable.tsx
similarity index 100%
rename from packages/app/components/Rewards/NotAvailable.tsx
rename to packages/greenfield-app/components/NotAvailable.tsx
diff --git a/packages/app/components/OfacCheck.tsx b/packages/greenfield-app/components/OfacCheck.tsx
similarity index 80%
rename from packages/app/components/OfacCheck.tsx
rename to packages/greenfield-app/components/OfacCheck.tsx
index 297f0978..b33617ee 100644
--- a/packages/app/components/OfacCheck.tsx
+++ b/packages/greenfield-app/components/OfacCheck.tsx
@@ -1,12 +1,11 @@
-import { setSingleActionModal } from "@popcorn/components/context/actions";
-import { store } from "@popcorn/components/context/store";
-import useWeb3 from "@popcorn/app/hooks/useWeb3";
+import { setSingleActionModal } from "@popcorn/greenfield-app/context/actions";
+import { store } from "@popcorn/greenfield-app/context/store";
import { useContext, useEffect, useState } from "react";
-import { useDisconnect } from "wagmi";
+import { useAccount, useDisconnect } from "wagmi";
export default function OfacCheck(): JSX.Element {
const { dispatch } = useContext(store);
- const { account } = useWeb3();
+ const { address: account } = useAccount();
const [data, setData] = useState<{ success: boolean; permitted: boolean }>(null);
const [isLoading, setLoading] = useState(false);
const { disconnect } = useDisconnect();
diff --git a/packages/components/components/Page.tsx b/packages/greenfield-app/components/Page.tsx
similarity index 68%
rename from packages/components/components/Page.tsx
rename to packages/greenfield-app/components/Page.tsx
index da184265..ae8c876c 100644
--- a/packages/components/components/Page.tsx
+++ b/packages/greenfield-app/components/Page.tsx
@@ -1,10 +1,10 @@
-import useRestakeAlert from "@popcorn/app/hooks/useRestakeAlert";
-import Footer from "@popcorn/components/components/Footer";
-import Navbar from "@popcorn/components/components/NavBar/NavBar";
-import useSubscribeToNewsletter from "@popcorn/components/hooks/useSubscribeToNewsletter";
+import useRestakeAlert from "@popcorn/greenfield-app/hooks/useRestakeAlert";
+import Footer from "@popcorn/greenfield-app/components/Footer";
+import Navbar from "@popcorn/greenfield-app/components/NavBar/NavBar";
+import useSubscribeToNewsletter from "@popcorn/greenfield-app/hooks/useSubscribeToNewsletter";
import React from "react";
import { Toaster } from "react-hot-toast";
-import useTermsCheck from "@popcorn/components/hooks/useTermsCheck";
+import useTermsCheck from "@popcorn/greenfield-app/hooks/useTermsCheck";
import { useRouter } from "next/router";
import NoSSR from "react-no-ssr";
diff --git a/packages/components/components/PageLoader.tsx b/packages/greenfield-app/components/PageLoader.tsx
similarity index 75%
rename from packages/components/components/PageLoader.tsx
rename to packages/greenfield-app/components/PageLoader.tsx
index 4b47cabc..f8e82ec7 100644
--- a/packages/components/components/PageLoader.tsx
+++ b/packages/greenfield-app/components/PageLoader.tsx
@@ -1,5 +1,5 @@
import { FC } from "react";
-import LoadingSpinner from "@popcorn/app/components/LoadingSpinner";
+import LoadingSpinner from "@popcorn/greenfield-app/components/LoadingSpinner";
const PageLoader: FC = () => {
return (
diff --git a/packages/components/components/Portfolio/AssetCell.tsx b/packages/greenfield-app/components/Portfolio/AssetCell.tsx
similarity index 100%
rename from packages/components/components/Portfolio/AssetCell.tsx
rename to packages/greenfield-app/components/Portfolio/AssetCell.tsx
diff --git a/packages/components/components/Portfolio/AssetRow.tsx b/packages/greenfield-app/components/Portfolio/AssetRow.tsx
similarity index 78%
rename from packages/components/components/Portfolio/AssetRow.tsx
rename to packages/greenfield-app/components/Portfolio/AssetRow.tsx
index 0847b3df..10ffcbb9 100644
--- a/packages/components/components/Portfolio/AssetRow.tsx
+++ b/packages/greenfield-app/components/Portfolio/AssetRow.tsx
@@ -1,13 +1,13 @@
-import type { BigNumberWithFormatted, Pop } from "@popcorn/components/lib/types";
+import type { BigNumberWithFormatted, Pop } from "@popcorn/greenfield-app/lib/types";
import { BigNumber, constants } from "ethers";
import { useState } from "react";
-import { NetworkSticker } from "@popcorn/app/components/NetworkSticker";
-import TokenIcon from "@popcorn/app/components/TokenIcon";
-import { formatAndRoundBigNumber } from "@popcorn/utils";
+import { NetworkSticker } from "@popcorn/greenfield-app/components/NetworkSticker";
+import TokenIcon from "@popcorn/greenfield-app/components/TokenIcon";
+import { formatAndRoundBigNumber } from "@popcorn/greenfield-app/lib/utils";
-import { getPercentage } from "@popcorn/components/lib/utils/numbers";
-import { Contract } from "@popcorn/components/lib";
+import { getPercentage } from "@popcorn/greenfield-app/lib/utils/numbers";
+import { Contract } from "@popcorn/greenfield-app/lib";
import AssetCell from "./AssetCell";
export default function AssetRow({
@@ -44,7 +44,7 @@ export default function AssetRow({
+
+
+
+
-
diff --git a/packages/components/components/Portfolio/PortfolioClaimableBalance.tsx b/packages/greenfield-app/components/Portfolio/PortfolioClaimableBalance.tsx
similarity index 92%
rename from packages/components/components/Portfolio/PortfolioClaimableBalance.tsx
rename to packages/greenfield-app/components/Portfolio/PortfolioClaimableBalance.tsx
index 2153d75b..084cba99 100644
--- a/packages/components/components/Portfolio/PortfolioClaimableBalance.tsx
+++ b/packages/greenfield-app/components/Portfolio/PortfolioClaimableBalance.tsx
@@ -1,7 +1,7 @@
-import type { Pop } from "@popcorn/components/lib/types";
+import type { Pop } from "@popcorn/greenfield-app/lib/types";
import { BigNumber } from "ethers";
-import { Escrow } from "@popcorn/components/lib";
+import { Escrow } from "@popcorn/greenfield-app/lib";
import AssetRow from "./AssetRow";
function PortfolioClaimableBalance({
diff --git a/packages/components/components/Portfolio/PortfolioHero.tsx b/packages/greenfield-app/components/Portfolio/PortfolioHero.tsx
similarity index 88%
rename from packages/components/components/Portfolio/PortfolioHero.tsx
rename to packages/greenfield-app/components/Portfolio/PortfolioHero.tsx
index e790c7c8..f84dc96f 100644
--- a/packages/components/components/Portfolio/PortfolioHero.tsx
+++ b/packages/greenfield-app/components/Portfolio/PortfolioHero.tsx
@@ -1,11 +1,11 @@
import Image from "next/image";
import { BigNumber } from "ethers";
-import HeroBgMobile from "@popcorn/components/public/images/portfolioHeroBgmobile.svg";
-import HeroBg from "@popcorn/components/public/images/portfolioHeroBg.svg";
-import { ChainId, formatAndRoundBigNumber } from "@popcorn/utils";
-import NetworkFilter from "@popcorn/components/components/NetworkFilter";
+import HeroBgMobile from "@popcorn/greenfield-app/public/images/portfolioHeroBgmobile.svg";
+import HeroBg from "@popcorn/greenfield-app/public/images/portfolioHeroBg.svg";
+import NetworkFilter from "@popcorn/greenfield-app/components/NetworkFilter";
import { Tabs, TabsProps } from "../Tabs";
+import { ChainId, formatAndRoundBigNumber } from "@popcorn/greenfield-app/lib/utils";
export interface PortfolioHeroProps {
selectedNetworks: ChainId[];
diff --git a/packages/components/components/Portfolio/PortfolioSection.tsx b/packages/greenfield-app/components/Portfolio/PortfolioSection.tsx
similarity index 87%
rename from packages/components/components/Portfolio/PortfolioSection.tsx
rename to packages/greenfield-app/components/Portfolio/PortfolioSection.tsx
index 25df1054..e9611e1a 100644
--- a/packages/components/components/Portfolio/PortfolioSection.tsx
+++ b/packages/greenfield-app/components/Portfolio/PortfolioSection.tsx
@@ -1,10 +1,10 @@
import { BigNumber, constants } from "ethers";
-import { InfoIconWithTooltip } from "@popcorn/app/components/InfoIconWithTooltip";
-import { formatAndRoundBigNumber } from "@popcorn/utils";
+import { InfoIconWithTooltip } from "@popcorn/greenfield-app/components/InfoIconWithTooltip";
+import { formatAndRoundBigNumber } from "@popcorn/greenfield-app/lib/utils";
-import { NotAvailable } from "@popcorn/app/components/Rewards/NotAvailable";
-import NetworkIconList from "@popcorn/components/components/NetworkIconList";
-import { getPercentage } from "@popcorn/components/lib/utils/numbers";
+import { NotAvailable } from "@popcorn/greenfield-app/components/NotAvailable";
+import NetworkIconList from "@popcorn/greenfield-app/components/NetworkIconList";
+import { getPercentage } from "@popcorn/greenfield-app/lib/utils/numbers";
export default function PortfolioSection({
selectedNetworks,
diff --git a/packages/app/components/BatchButter/PseudoRadioButton.tsx b/packages/greenfield-app/components/PseudoRadioButton.tsx
similarity index 75%
rename from packages/app/components/BatchButter/PseudoRadioButton.tsx
rename to packages/greenfield-app/components/PseudoRadioButton.tsx
index 20492077..590206c8 100644
--- a/packages/app/components/BatchButter/PseudoRadioButton.tsx
+++ b/packages/greenfield-app/components/PseudoRadioButton.tsx
@@ -15,9 +15,8 @@ const PseudoRadioButton: React.FC = ({
}) => {
return (