* feat: updates on the button styles * env: updated yarn.lock * fix: added account actions * fix: updated the orbs logic * fix: fixed the blur presets * feat: updated the button logic * fix: wallet modal style adjustments * fix: updated close icon * fix: fixed the close button * fix: fix types * fix: fixed the build * tidy: component cleanup * feat: added new AccountDetails component * refactor: propper usage of tailwind * refactor: imports * feat: added pages for all scenarios * fix: fix the loading component * fix: remove loading from default trade * fix: fixed the build * fix: fixed losing the provider on hotplug * tidy: remove unused code * fix: added error messages * add borrow page structure * env: enhanced debugging by restructuring the ENV object * fix: fixed the build * fix: fixed the wording on missing env variables * feat: added button hover (#112) * feat: added button hover * fix: added bg transition to primary buttons * feat: pages refactored (#111) * feat: pages refactored * fix: added loader for AccountNavigation * fix: fixed the wallet store management * fix: get rid of the walletSlice and refactor * fix: added gap to the borrow page * fix: fixed some dependencies * fix: added initClients back * fix: fixed according to feedback --------- Co-authored-by: bwvdhelm <34470358+bobthebuidlr@users.noreply.github.com>
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import classNames from 'classnames'
|
|
|
|
import AccountDetails from 'components/Account/AccountDetails'
|
|
import Background from 'components/Background'
|
|
import FetchPrices from 'components/FetchPrices'
|
|
import { Modals } from 'components/Modals'
|
|
import DesktopNavigation from 'components/Navigation/DesktopNavigation'
|
|
import Toaster from 'components/Toaster'
|
|
import { WalletConnectProvider } from 'components/Wallet/WalletConnectProvider'
|
|
import 'react-toastify/dist/ReactToastify.min.css'
|
|
import 'styles/globals.scss'
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html className='m-0 p-0' lang='en'>
|
|
<head />
|
|
<body className='m-0 cursor-default bg-body p-0 font-sans text-white'>
|
|
<WalletConnectProvider>
|
|
<Background />
|
|
<DesktopNavigation />
|
|
</WalletConnectProvider>
|
|
<FetchPrices />
|
|
<main
|
|
className={classNames(
|
|
'relative flex justify-center py-6',
|
|
'lg:mt-[65px] lg:h-[calc(100vh-65px)]',
|
|
)}
|
|
>
|
|
<div className='flex max-w-content flex-grow flex-col flex-wrap'>{children}</div>
|
|
<AccountDetails />
|
|
</main>
|
|
<Modals />
|
|
<Toaster />
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|