diff --git a/src/components/Buttons/CompoundOFinButton.tsx b/src/components/Buttons/CompoundOFinButton.tsx new file mode 100644 index 000000000..ab468206a --- /dev/null +++ b/src/components/Buttons/CompoundOFinButton.tsx @@ -0,0 +1,16 @@ + + + export default function CompoundOFinButton({ +}) { + + + return ( + <> + + + ); +} diff --git a/src/components/Buttons/StakeFinButton.tsx b/src/components/Buttons/StakeFinButton.tsx new file mode 100644 index 000000000..5fe40658b --- /dev/null +++ b/src/components/Buttons/StakeFinButton.tsx @@ -0,0 +1,17 @@ + + + export default function StakeFinButton({ + }) { + + + return ( + <> + + + ); + } + \ No newline at end of file diff --git a/src/components/Buttons/UnstakeFinButton.tsx b/src/components/Buttons/UnstakeFinButton.tsx new file mode 100644 index 000000000..36ad027e2 --- /dev/null +++ b/src/components/Buttons/UnstakeFinButton.tsx @@ -0,0 +1,17 @@ + + + export default function UnstakeFinButton({ + }) { + + + return ( + <> + + + ); + } + \ No newline at end of file diff --git a/src/components/Icons/Earn.jsx b/src/components/Icons/Earn.jsx new file mode 100644 index 000000000..c9dffaef1 --- /dev/null +++ b/src/components/Icons/Earn.jsx @@ -0,0 +1,32 @@ +import * as React from "react" +const Earn = (props) => ( + + + + + + +) +export default Earn diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 816c40e1f..7f9721a05 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -7,6 +7,7 @@ import Trade from "./Icons/TradeIcon"; import Range from "./Icons/RangeIcon"; import Cover from "./Icons/CoverIcon"; import { useConfigStore } from "../hooks/useConfigStore"; +import Earn from "./Icons/Earn"; interface NavOptions { create?: boolean; @@ -100,6 +101,18 @@ export default function Navbar({ create, setCreate }: NavOptions) { ) : ( <> )} + +
+ + EARN +
+
@@ -172,6 +185,18 @@ export default function Navbar({ create, setCreate }: NavOptions) { ) : ( <> )} + +
+ + EARN +
+
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index bfc544b1e..a4c014b02 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -56,7 +56,7 @@ const whitelist = [ "0x1DcF623EDf118E4B21b4C5Dc263bb735E170F9B8", "0x9dA9409D17DeA285B078af06206941C049F692Dc", "0xBd5db4c7D55C086107f4e9D17c4c34395D1B1E1E", - "0x73CE13ac285569738bc499ec711bDAa899725d37", // olamide + "0x73CE13ac285569738bc499ec711bDAa899725d37", //olamide "0xE48870dBBdC4abde7Ed8682254b9fb53270F79d2", // mrmasa ]; diff --git a/src/pages/earn/index.tsx b/src/pages/earn/index.tsx new file mode 100644 index 000000000..294dbc279 --- /dev/null +++ b/src/pages/earn/index.tsx @@ -0,0 +1,192 @@ +import Navbar from "../../components/Navbar"; +import InfoIcon from "../../components/Icons/InfoIcon"; +import { useState } from "react"; +import Image from "next/image"; +import useInputBox from "../../hooks/useInputBox"; +import StakeFinButton from "../../components/Buttons/StakeFinButton"; +import UnstakeFinButton from "../../components/Buttons/UnstakeFinButton"; +import CompoundOFinButton from "../../components/Buttons/CompoundOFinButton"; + +export default function Earn() { + const [stakingTab, setStakingTab] = useState("stake"); + + return ( +
+ +
+
+
+
+

$FIN Staking

+

+ Lorem ipsum dolor sit amet consectetur adipiscing elit nascetur + purus, habitant mattis cum eros senectus fusce suscipit tempor, + arcu cubilia porttitor odio natoque fringilla eget in. +
+
+ Dictumst fermentum morbi mollis aliquam nostra vehicula nulla + leo ridiculus, habitant taciti phasellus primis mi auctor ac. + habitant taciti phasellus primis mi auctor ac. +

+ + + Read More + +
+
+
+
+ + +
+ {stakingTab === "stake" ? +
+
+
+ ~$500 + BALANCE: 200 +
+
+
+
+ +
+ + FIN +
+
+
+
+ +
+ :
+
+
+ ~$500 + STAKED: 200 +
+
+
+
+ +
+ + FIN +
+
+
+
+ +
+ } + +
+
+
+
+

STATISTICS

+
+
+ FIN PRICE + $20 +
+
+ APR + + 8.35% + +
+
+
+
+

FIN DISTRIBUTION

+ + 43.54% Staked + +
+
+
+
+ STAKED +
+ 386,698 +
+
+
+ + CIRCULATING + +
+ 386,698 +
+
+ TOTAL + 1,000,000 +
+
+
+
+
+

MY POSITION

+
+
+ AMOUNT STAKED + + 442.54 FIN + +
+
+ + REWARDS EARNED + + 60 oFIN +
+ +
+
+
+
+
+ ); +}