57 | {SmolCheck}
59 | );
60 | };
61 |
62 | const RoutesPreview = () => {
63 | return (
64 | {text}
58 | among a variety of Dex Aggregators, guaranteeing you{' '} 86 |
the best execution prices in DeFi. 87 |
Try it now or{' '} 88 | 89 | learn more 90 |
-
58 | {aggs.map((name) => (
59 |
47 | Check output amount of the selected route carefully. 48 | 51 |
56 | You'll likely lose money. 57 |
58 | {!isDegenModeEnabled ? ( 59 | <> 60 | Type "{requiredText}" to make a swap. 61 | setValue(e.target.value)} 65 | value={value} 66 | > 67 | 68 | ) : null} 69 | 77 |
12 |
13 |
14 | What is this?
15 |
16 |
18 |
19 |
27 |
28 |
29 | Does DefiLlama take any fees?
30 |
31 |
33 |
34 | 37 |
You'll get the exact same price swapping through DefiLlama as what you'd get swapping through the 38 | chosen aggregator directly. 39 |
40 |
41 | We do add our referral code to swaps tho, so, for aggregators with revenue sharing, they will send us part 42 | of the fee they earn. This is not an extra fee, you'd be charged the same fee anyway, but now a small part 43 | of it is shared with DefiLlama. We also integrate aggregators with no fee sharing the best price, and in 44 | those cases we don't make any money. 45 |
49 |
50 |
51 | Is it safe?
52 |
53 |
55 |
56 |
63 |
64 |
65 | Why do gas fees in MetaMask not match what I see in the UI?
66 |
67 |
69 |
70 | 74 |
75 | All this together means that gas number you see on metamask will always be inflated, while in our UI we display the actual gas that the tx will consume. 76 | The extra gas that is not used is just refunded to the user when tx executes. 77 |
81 |
82 |
83 | Will I be eligible for aggregator airdrops if I swap through DefiLlama?
84 |
85 |
87 |
88 | 92 |
93 | Thus, if any of the aggregators we integrate does an airdrop in the future, all swaps made through them 94 | would be eligible for their airdrop. 95 |
99 |
100 |
101 | I swapped ETH on CoW Swap but it just disappeared, what happened?
102 |
103 |
105 |
106 |
22 | 
27 |
28 | {text}
29 |
30 |
31 | );
32 | };
33 |
34 | export default NotFound;
35 |
--------------------------------------------------------------------------------
/src/components/Lending/llama_wif_binoculars.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LlamaSwap/interface/70dd6221325dd25ffe749d887875d66f9496d92b/src/components/Lending/llama_wif_binoculars.png
--------------------------------------------------------------------------------
/src/components/Lending/llamas_wif_coins.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LlamaSwap/interface/70dd6221325dd25ffe749d887875d66f9496d92b/src/components/Lending/llamas_wif_coins.png
--------------------------------------------------------------------------------
/src/components/MultiSelect/index.tsx:
--------------------------------------------------------------------------------
1 | import Select, { Props } from 'react-select';
2 | import styled from 'styled-components';
3 | import { QuestionIcon } from '@chakra-ui/icons';
4 | import { CSSProperties } from 'react';
5 |
6 | interface IReactSelect extends Props {
7 | style?: CSSProperties;
8 | defaultOptions?: boolean;
9 | itemCount?: number;
10 | cacheOptions?: boolean;
11 | }
12 |
13 | const formatOptionLabel = ({ label, ...rest }) => {
14 | return (
15 |
16 |
37 | );
38 | };
39 |
40 | const Wrapper = styled.span`
41 | --background: ${({ theme }) => theme.bg6};
42 | --menu-background: ${({ theme }) => theme.bg6};
43 | --color: ${({ theme }) => theme.text1};
44 | --placeholder: ${({ theme }) => theme.text3};
45 | --bg-hover: ${({ theme }) => theme.bg2};
46 | --option-bg: ${({ theme }) => theme.bg2};
47 |
48 | & > * > * {
49 | box-shadow:
50 | 0px 24px 32px rgba(0, 0, 0, 0.04),
51 | 0px 16px 24px rgba(0, 0, 0, 0.04),
52 | 0px 4px 8px rgba(0, 0, 0, 0.04),
53 | 0px 0px 1px rgba(0, 0, 0, 0.04);
54 | border-radius: 12px;
55 | }
56 | @media screen and (max-width: ${({ theme }) => theme.bpMed}) {
57 | font-size: 16px;
58 | }
59 | `;
60 |
61 | const customStyles = {
62 | control: (provided) => ({
63 | ...provided,
64 | background: 'var(--background)',
65 | padding: '4px 2px',
66 | borderRadius: '12px',
67 | border: 'none',
68 | color: 'var(--color)',
69 | boxShadow:
70 | '0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',
71 | margin: 0,
72 | zIndex: 0
73 | }),
74 | input: (provided) => ({
75 | ...provided,
76 | color: 'var(--color)'
77 | }),
78 | menu: (provided) => ({
79 | ...provided,
80 | background: 'var(--menu-background)',
81 | zIndex: 10
82 | }),
83 | menuList: (provided) => ({
84 | ...provided,
85 | 'scrollbar-width': 'none',
86 | '-ms-overflow-style': 'none',
87 | '&::-webkit-scrollbar': {
88 | display: 'none'
89 | }
90 | }),
91 | option: (provided, state) => ({
92 | ...provided,
93 | color: state.isActive ? 'black' : 'var(--color)'
94 | }),
95 | multiValue: (provided) => ({
96 | ...provided,
97 | fontFamily: 'inherit',
98 | background: 'var(--option-bg)',
99 | padding: '2px'
100 | }),
101 | multiValueLabel: (styles) => ({
102 | ...styles,
103 | color: 'var(--color)'
104 | }),
105 | placeholder: (provided) => ({
106 | ...provided,
107 | color: 'var(--placeholder)'
108 | }),
109 | singleValue: (provided, state) => ({
110 | ...provided,
111 | color: 'var(--color)'
112 | })
113 | };
114 |
115 | const ReactSelect = ({ options, style, ...props }: IReactSelect) => (
116 |
17 | {rest.logoURI ? (
18 | 
31 | ) : rest?.logoURI === false ? null : (
32 |
35 | {label}
36 |
102 | {rowVirtualizer.getVirtualItems().map((virtualRow) => {
103 | const item = filteredItems[virtualRow.index];
104 | return (
105 |
137 |
115 | {
117 | setToken(item.value);
118 | setIsSearch(false);
119 | setSearchTerm('');
120 | }}
121 | style={{
122 | display: 'flex',
123 | gap: '8px',
124 | fontWeight: '400',
125 | fontSize: '16px',
126 | textOverflow: 'ellipsis',
127 | whiteSpace: 'nowrap'
128 | }}
129 | >
130 | {item.value}
132 |
133 |
134 | );
135 | })}
136 |
34 |
59 | );
60 | };
61 |
--------------------------------------------------------------------------------
/src/components/Yields/Panel.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useRef } from 'react';
2 | import styled from 'styled-components';
3 |
4 | const Panel = ({ isVisible, children, setVisible }) => {
5 | const panelRef = useRef
41 | {rowVirtualizer.getVirtualItems().map((virtualRow: any) => (
42 |
58 |
54 | {children[virtualRow.index]}
55 |
56 | ))}
57 |
31 | {children}
32 |
33 | | {name} | 30 | ))} 31 |||||||||
|---|---|---|---|---|---|---|---|---|
| {adapter} | 37 |{chain} | 38 |{userAddress ? 'yes' : 'x'} | 39 |{from} | 40 |{to} | 41 |{success} | 42 |{value} | 43 |{median} | 44 |{drop} | 45 |