@@ -18,7 +18,6 @@ import NetWorth from "./NetWorth/NetWorth";
1818import SupplyBorrow from "./SupplyBorrow/SupplyBorrow" ;
1919import Strategies from "./Strategies/Strategies" ;
2020import { checkConnection } from "@/utils/Wallets/checkConnection" ;
21- import { DeprecatedTokensProvider } from "@/contexts/DeprecatedTokensContext" ;
2221
2322function HomeContent ( ) {
2423 const { modalType, assetData, closeModal } = useModal ( ) ;
@@ -66,93 +65,91 @@ function HomeContent() {
6665 } ;
6766
6867 return (
69- < DeprecatedTokensProvider >
70- < div className = { styles . page } >
71- < BetaDisclaimer />
72- < Header
73- triggerConnect = { triggerConnect }
74- onWalletConnected = { handleWalletConnected }
75- />
76- < div className = { styles . body } >
77- { isConnected ? (
78- < div className = { styles . bodyContainer } >
79- < div className = { styles . widgetContainer } >
80- < div className = { styles . widgetLeftContainer } >
81- { /* <NetWorth />
82- <SupplyBorrow /> */ }
83- < div > </ div >
84- < div > </ div >
85- </ div >
86-
87- < div className = { styles . widgetRightContainer } >
88- { /* <Strategies /> */ }
89- < div > </ div >
90- < button
91- className = { styles . viewTxns }
92- onClick = { handleOpenAccountTab }
93- >
94- View transactions
95- </ button >
96- </ div >
68+ < div className = { styles . page } >
69+ < BetaDisclaimer />
70+ < Header
71+ triggerConnect = { triggerConnect }
72+ onWalletConnected = { handleWalletConnected }
73+ />
74+ < div className = { styles . body } >
75+ { isConnected ? (
76+ < div className = { styles . bodyContainer } >
77+ < div className = { styles . widgetContainer } >
78+ < div className = { styles . widgetLeftContainer } >
79+ { /* <NetWorth />
80+ <SupplyBorrow /> */ }
81+ < div > </ div >
82+ < div > </ div >
9783 </ div >
9884
99- < div className = { styles . grid } >
100- < AssetDisplay mode = "lend" />
101- < AssetDisplay mode = "borrow" />
85+ < div className = { styles . widgetRightContainer } >
86+ { /* <Strategies /> */ }
87+ < div > </ div >
88+ < button
89+ className = { styles . viewTxns }
90+ onClick = { handleOpenAccountTab }
91+ >
92+ View transactions
93+ </ button >
10294 </ div >
10395 </ div >
104- ) : (
105- < div className = { styles . connectPrompt } >
106- < button
107- className = { styles . connectButton }
108- onClick = { handleConnectClick }
109- >
110- Login
111- </ button >
96+
97+ < div className = { styles . grid } >
98+ < AssetDisplay mode = "lend" />
99+ < AssetDisplay mode = "borrow" />
112100 </ div >
113- ) }
114- </ div >
101+ </ div >
102+ ) : (
103+ < div className = { styles . connectPrompt } >
104+ < button
105+ className = { styles . connectButton }
106+ onClick = { handleConnectClick }
107+ >
108+ Login
109+ </ button >
110+ </ div >
111+ ) }
112+ </ div >
115113
116- < AnimatePresence >
117- { modalType && (
114+ < AnimatePresence >
115+ { modalType && (
116+ < motion . div
117+ className = { styles . modalOverlay }
118+ variants = { overlayVariants }
119+ initial = "hidden"
120+ animate = "visible"
121+ exit = "hidden"
122+ onClick = { closeModal }
123+ >
118124 < motion . div
119- className = { styles . modalOverlay }
120- variants = { overlayVariants }
125+ className = { styles . modalContent }
126+ variants = { dropdownVariants }
121127 initial = "hidden"
122128 animate = "visible"
123129 exit = "hidden"
124- onClick = { closeModal }
130+ onClick = { ( e ) => e . stopPropagation ( ) }
125131 >
126- < motion . div
127- className = { styles . modalContent }
128- variants = { dropdownVariants }
129- initial = "hidden"
130- animate = "visible"
131- exit = "hidden"
132- onClick = { ( e ) => e . stopPropagation ( ) }
133- >
134- { ( modalType === "withdraw" || modalType === "repay" ) && (
135- < WithdrawRepay
136- mode = { modalType }
137- ticker = { assetData ?. cleanTicker }
138- onClose = { closeModal }
139- />
140- ) }
132+ { ( modalType === "withdraw" || modalType === "repay" ) && (
133+ < WithdrawRepay
134+ mode = { modalType }
135+ ticker = { assetData ?. cleanTicker }
136+ onClose = { closeModal }
137+ />
138+ ) }
141139
142- { ( modalType === "supply" || modalType === "borrow" ) && (
143- < ActionTab
144- mode = { modalType as "supply" | "borrow" }
145- ticker = { assetData ?. cleanTicker }
146- onClose = { closeModal }
147- />
148- ) }
149- </ motion . div >
140+ { ( modalType === "supply" || modalType === "borrow" ) && (
141+ < ActionTab
142+ mode = { modalType as "supply" | "borrow" }
143+ ticker = { assetData ?. cleanTicker }
144+ onClose = { closeModal }
145+ />
146+ ) }
150147 </ motion . div >
151- ) }
152- </ AnimatePresence >
153- < Footer / >
154- </ div >
155- </ DeprecatedTokensProvider >
148+ </ motion . div >
149+ ) }
150+ </ AnimatePresence >
151+ < Footer / >
152+ </ div >
156153 ) ;
157154}
158155
@@ -164,4 +161,4 @@ function Home() {
164161 ) ;
165162}
166163
167- export default Home ;
164+ export default Home ;
0 commit comments