11 |
34 |
12 |
33 |
13 |
32 | 14 | Manifold Finance v1 15 |
16 | 17 |
18 |
19 |
20 |
24 |
25 | 26 |
29 |
30 |
31 | 19 |
20 |
21 | Use your FOLD to mint xFOLD and get staking rewards 22 |
23 |24 |
25 | 26 |
🌀 💊 🔵 🍣
27 | 28 |
19 | {message}{' '}
20 |
26 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/components/farming/poolSelect.tsx:
--------------------------------------------------------------------------------
1 | import { FarmingPool, LP_FARMING_POOLS } from '@/constants/farming';
2 | import useWeb3Store from '@/hooks/useWeb3Store';
3 | import { Listbox } from '@headlessui/react';
4 | import classNames from 'classnames';
5 | import type { Dispatch, SetStateAction } from 'react';
6 | import { ChevronDown } from 'react-feather';
7 |
8 | type PoolSelectProps = {
9 | value: FarmingPool;
10 | onChange: Dispatch
19 |
25 |
26 | {value ? value.name : 'Select a pool'}
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 | {(LP_FARMING_POOLS[chainId] as FarmingPool[]).map(
36 | (farmingPool, farmingPoolIndex) => (
37 |
40 | classNames(
41 | 'cursor-default select-none relative p-2 rounded text-white',
42 | active ? 'bg-white/[0.10]' : '',
43 | )
44 | }
45 | value={farmingPool}
46 | disabled={farmingPool === value}
47 | >
48 | {({ selected }) => (
49 |
68 | ),
69 | )}
70 |
71 |
72 |
55 |
66 | )}
67 |
56 |
62 | {farmingPool.name}
63 |
64 |
65 |
22 | {info.label}
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/components/numericalInput.tsx:
--------------------------------------------------------------------------------
1 | import escapeRegExp, { INPUT_REGEX } from '@/utils/escapeRegExp';
2 | import classNames from 'classnames';
3 | import type { Dispatch, SetStateAction } from 'react';
4 |
5 | type NumericalInputProps = {
6 | value: string | number;
7 | onChange: Dispatch
42 |
48 | {value && (
49 | 
58 | )}
59 |
60 |
61 | {value ? value.symbol : 'Protocol Activity'}
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 | {tokens?.sort(sortTokens)?.map((token, tokenIndex) => (
71 |
74 | classNames(
75 | 'cursor-default select-none p-2 rounded text-white',
76 | active ? 'bg-white/[0.10]' : '',
77 | )
78 | }
79 | value={token}
80 | disabled={token === value}
81 | >
82 | {({ selected }) => (
83 |
118 | ))}
119 |
120 |
121 |
58 | )}
59 |
60 |
61 | {value ? value.symbol : 'Protocol Activity'}
62 |
63 |
64 |
65 |
66 |
67 |
89 |
116 | )}
117 |
90 |
99 |
100 |
106 | {token.symbol}
107 |
108 |
109 |
110 | {tokenIndex === 0 && typeof token.out === 'bigint' && (
111 |
99 |
100 |
106 | {token.symbol}
107 |
108 |
112 | Best Returns
113 |
114 | )}
115 |
128 | 
135 |
136 | {symbol}
137 |
138 | );
139 | }
140 |
141 | export function TokenPair({
142 | pairs,
143 | symbol,
144 | }: {
145 | pairs: string[];
146 | symbol: string;
147 | }) {
148 | return (
149 |
135 |
136 | {symbol}
137 |
150 |
175 | );
176 | }
177 |
--------------------------------------------------------------------------------
/components/walletModal.tsx:
--------------------------------------------------------------------------------
1 | import useMetaMaskOnboarding from '@/hooks/useMetaMaskOnboarding';
2 | import useWalletModal from '@/hooks/useWalletModal';
3 | import { injected } from '@/lib/connectors/metamask';
4 | import { walletconnect } from '@/lib/connectors/walletconnect';
5 | import MetaMaskOutline from '@/svgs/MetaMaskOutline';
6 | import WalletConnect from '@/svgs/WalletConnect';
7 | import { Dialog, Transition } from '@headlessui/react';
8 | import { Fragment } from 'react';
9 | import { X } from 'react-feather';
10 | import toast from 'react-hot-toast';
11 |
12 | export default function WalletModal() {
13 | const isOpen = useWalletModal((state) => state.isOpen);
14 | const close = useWalletModal((state) => state.close);
15 |
16 | const { isMetaMaskInstalled, isWeb3Available, startOnboarding } =
17 | useMetaMaskOnboarding();
18 |
19 | async function activateWalletConnect() {
20 | try {
21 | await walletconnect.activate();
22 |
23 | close();
24 | } catch (error) {
25 | console.error(error);
26 |
27 | toast.error(error.message);
28 | }
29 | }
30 |
31 | async function activateInjected() {
32 | try {
33 | await injected.activate();
34 |
35 | close();
36 | } catch (error) {
37 | console.error(error);
38 |
39 | toast.error(error.message);
40 | }
41 | }
42 |
43 | return (
44 |
151 | {!!pairs ? (
152 | pairs?.map((pair, pairIndex) => (
153 |
172 |
173 | {symbol}
174 |
154 |
155 |
156 |
163 |
164 | ))
165 | ) : (
166 | <>
167 |
168 |
169 |
170 | )}
171 |
163 |
5 |
13 |
6 |
12 | Four O Four
7 | 8 |9 | This page could not be found 10 |
11 |
7 |
27 |
8 |
10 |
11 | FAQs
9 |
12 |
26 | -
13 | {qa.map((datum, index) => (
14 |
-
15 | 16 |22 |
17 | {datum.question} 18 |
19 | 20 |{datum.answer}
21 |
23 | ))}
24 |
18 |
19 |
20 |
21 | {TAB_KEYS.MINTDEPOSIT}
22 |
23 |
25 | {TAB_KEYS.WITHDRAW}
26 |
27 |
28 |
29 |
30 |
35 |
37 |
38 |
44 |
45 |
46 |
20 |
21 |
22 |
23 | {TAB_KEYS.DEPOSIT}
24 |
25 |
26 |
27 | {TAB_KEYS.WITHDRAW}
28 |
29 |
30 |
31 | {TAB_KEYS.MINT}
32 |
33 |
34 |
35 |
36 |
41 |
43 |
44 |
49 |
51 |
52 |
57 |
59 |
60 |
61 |
62 |
65 | FOLD/XFOLD Staking is deprecated!
66 |
69 | Dapp has been switched to withdrawal-only mode
67 |Stay tuned for V2
68 |