diff --git a/README.md b/README.md index 9fd81a62..5660b275 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ -# Plend Protocol Interface +# Superlend Protocol Interface -An open source interface for the decentralized liquidity protocol Plend +An open source interface for the decentralized liquidity protocol Superlend Enabling users to: -- Manage and monitor their positions on the Plend Protocol, and the overall status of it +- Manage and monitor their positions on the Superlend Protocol, and the overall status of it ## How to use diff --git a/pages/_app.page.tsx b/pages/_app.page.tsx index e9065b9a..d21e58a0 100644 --- a/pages/_app.page.tsx +++ b/pages/_app.page.tsx @@ -1,5 +1,6 @@ +import '/public/fonts/basier-circle/basier-circle.css'; import '/public/fonts/inter/inter.css'; -import '/public/fonts/space-grotesk/space-grotesk.css'; +// import '/public/fonts/space-grotesk/space-grotesk.css'; import '/src/styles/variables.css'; import { CacheProvider, EmotionCache } from '@emotion/react'; @@ -8,7 +9,7 @@ import { providers } from 'ethers'; import { NextPage } from 'next'; import { AppProps } from 'next/app'; import Head from 'next/head'; -import PlendMetaImage from 'public/plendMetaLogo.jpg'; +// import SuperlendMetaImage from '/public/superlendMetaLogo.jpg'; import * as React from 'react'; // import { AddressBlocked } from 'src/components/AddressBlocked'; import { BlockVPN } from 'src/components/BlockVPN'; @@ -65,8 +66,8 @@ export default function MyApp(props: MyAppProps) { diff --git a/pages/governance/proposal/[proposalId].governance.tsx b/pages/governance/proposal/[proposalId].governance.tsx index 42b77fd3..1b70c2dc 100644 --- a/pages/governance/proposal/[proposalId].governance.tsx +++ b/pages/governance/proposal/[proposalId].governance.tsx @@ -21,7 +21,7 @@ import { useTheme, } from '@mui/material'; import dayjs from 'dayjs'; -import AaveMetaImage from 'public/plendMetaLogo.jpg'; +// import AaveMetaImage from 'public/superlendMetaLogo.jpg'; import { useEffect, useState } from 'react'; import ReactMarkdown from 'react-markdown'; import remarkGfm from 'remark-gfm'; @@ -165,7 +165,7 @@ export default function ProposalPage({ return ( <> {ipfs && ( - + )} diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png index 5b1c34d2..64d60a9c 100644 Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png index 2dfd130e..6c7e55d8 100644 Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png index fe104686..b13e9484 100644 Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png index 655eb074..9e7014a7 100644 Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png index d7a37fa8..87de09a3 100644 Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico index c82fb981..10b5c6cc 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/fonts/basier-circle/BasierCircle-Regular.woff b/public/fonts/basier-circle/BasierCircle-Regular.woff new file mode 100644 index 00000000..a8735baf Binary files /dev/null and b/public/fonts/basier-circle/BasierCircle-Regular.woff differ diff --git a/public/fonts/basier-circle/BasierSquare-Regular.woff b/public/fonts/basier-circle/BasierSquare-Regular.woff new file mode 100644 index 00000000..bfce839d Binary files /dev/null and b/public/fonts/basier-circle/BasierSquare-Regular.woff differ diff --git a/public/fonts/basier-circle/basier-circle.css b/public/fonts/basier-circle/basier-circle.css new file mode 100644 index 00000000..b7db74e9 --- /dev/null +++ b/public/fonts/basier-circle/basier-circle.css @@ -0,0 +1,16 @@ +/* #### Generated By: http://font.download #### */ + + @font-face { + font-family: 'Basier Circle Regular'; + font-style: normal; + font-weight: normal; + src: local('Basier Circle Regular'), url('BasierCircle-Regular.woff') format('woff'); + } + + + @font-face { + font-family: 'Basier Square Regular'; + font-style: normal; + font-weight: normal; + src: local('Basier Square Regular'), url('BasierSquare-Regular.woff') format('woff'); + } \ No newline at end of file diff --git a/public/fonts/basier-circle/example.html b/public/fonts/basier-circle/example.html new file mode 100644 index 00000000..fdd4d561 --- /dev/null +++ b/public/fonts/basier-circle/example.html @@ -0,0 +1,17 @@ + + + + + + + + + +

Generated from: http://font.download


+

AaBbCcDdEeFfGgHhŞşIıİi Example

+

AaBbCcDdEeFfGgHhŞşIıİi Example

+ + + + \ No newline at end of file diff --git a/public/logos/superlend-full-logo.svg b/public/logos/superlend-full-logo.svg new file mode 100644 index 00000000..713738bc --- /dev/null +++ b/public/logos/superlend-full-logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/logos/superlend-full-logo.webp b/public/logos/superlend-full-logo.webp new file mode 100644 index 00000000..d3e255e3 Binary files /dev/null and b/public/logos/superlend-full-logo.webp differ diff --git a/public/logos/superlendlogo.webp b/public/logos/superlendlogo.webp new file mode 100644 index 00000000..dd02ee48 Binary files /dev/null and b/public/logos/superlendlogo.webp differ diff --git a/public/manifest.json b/public/manifest.json index c0155849..c74a6a33 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,6 +1,6 @@ { - "short_name": "Plend", - "name": "Plend", + "short_name": "Superlend", + "name": "Superlend", "description": "Maker-Powered Lending Market", "icons": [ { diff --git a/public/superlendMetaLogo.jpg b/public/superlendMetaLogo.jpg new file mode 100644 index 00000000..07bf44c1 Binary files /dev/null and b/public/superlendMetaLogo.jpg differ diff --git a/src/components/BlockVPN.tsx b/src/components/BlockVPN.tsx index f70773b3..4a3312da 100644 --- a/src/components/BlockVPN.tsx +++ b/src/components/BlockVPN.tsx @@ -2,7 +2,7 @@ import { Box, Link, Typography } from '@mui/material'; import { useEffect, useState } from 'react'; -import WalletConnectLogoDark from '/public/walletConnectLogoDark.svg'; +import WalletConnectLogoDark from '/public/logos/superlend-full-logo.svg'; export function BlockVPN({ children }: { children: React.ReactNode }): React.ReactElement { if (process.env.NEXT_PUBLIC_VPN_PROTECTION !== '1') { diff --git a/src/components/ConnectWalletPaper.tsx b/src/components/ConnectWalletPaper.tsx index acde2282..2da2f604 100644 --- a/src/components/ConnectWalletPaper.tsx +++ b/src/components/ConnectWalletPaper.tsx @@ -1,8 +1,8 @@ import { Trans } from '@lingui/macro'; -import { Box, CircularProgress, Paper, PaperProps, Typography, useTheme } from '@mui/material'; +import { Box, CircularProgress, Paper, PaperProps, Typography } from '@mui/material'; import { ReactNode } from 'react'; -import WalletConnectLogoDark from '/public/walletConnectLogoDark.svg'; +import FullLogo from '/public/logos/superlend-full-logo.svg'; import MarkedList from './lists/MarkedList'; import MarkedListItem from './lists/MarkedListItem'; @@ -20,7 +20,6 @@ export const ConnectWalletPaper = ({ sx, ...rest }: ConnectWalletPaperProps) => { - const theme = useTheme(); return ( - {theme.palette.mode === 'light' ? ( - - - - ) : ( - - )} + + + {loading ? ( @@ -115,7 +109,7 @@ export const Disclaimers = () => { the jurisdiction in which I reside and am located. - I understand the risks associated with entering into using the Plend. + I understand the risks associated with entering into using the Superlend. @@ -132,8 +126,8 @@ export const InnerLink = ({ children, href }: InnerLinkProps) => { ({ - color: theme.palette.mode === 'light' ? '#3F2566' : '#52F4DC', + sx={() => ({ + color: '#FF5B00', textDecoration: 'underline', })} > diff --git a/src/components/FaucetButton.tsx b/src/components/FaucetButton.tsx index 5d734767..2a36f561 100644 --- a/src/components/FaucetButton.tsx +++ b/src/components/FaucetButton.tsx @@ -4,13 +4,13 @@ import { Button, SvgIcon, Typography } from '@mui/material'; import { useProtocolDataContext } from 'src/hooks/useProtocolDataContext'; import { DarkTooltip } from './infoTooltips/DarkTooltip'; -import { Link, ROUTES } from './primitives/Link'; +import { Link } from './primitives/Link'; export const FaucetButton = () => { const { currentNetworkConfig } = useProtocolDataContext(); return ( - + )} diff --git a/src/components/TopInfoPanel/TopInfoPanelItem.tsx b/src/components/TopInfoPanel/TopInfoPanelItem.tsx index e911d057..b0bbeb28 100644 --- a/src/components/TopInfoPanel/TopInfoPanelItem.tsx +++ b/src/components/TopInfoPanel/TopInfoPanelItem.tsx @@ -8,7 +8,7 @@ interface TopInfoPanelItemProps { children: ReactNode; hideIcon?: boolean; withoutIconWrapper?: boolean; - variant?: 'light' | 'dark' | undefined; // default dark + // variant?: 'light' | 'dark' | undefined; // default dark withLine?: boolean; loading?: boolean; } @@ -19,7 +19,6 @@ export const TopInfoPanelItem = ({ titleIcon, children, hideIcon, - variant = 'dark', withLine, loading, withoutIconWrapper, @@ -58,7 +57,7 @@ export const TopInfoPanelItem = ({ justifyContent: 'center', border: '1px solid #EBEBED1F', borderRadius: '12px', - bgcolor: '#3F2566', + bgcolor: '#FF5B00', boxShadow: '0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25)', width: 42, height: 42, @@ -75,7 +74,7 @@ export const TopInfoPanelItem = ({ diff --git a/src/components/WalletConnection/ConnectWalletButton.tsx b/src/components/WalletConnection/ConnectWalletButton.tsx index 9a5de673..428a1058 100644 --- a/src/components/WalletConnection/ConnectWalletButton.tsx +++ b/src/components/WalletConnection/ConnectWalletButton.tsx @@ -9,7 +9,7 @@ export const ConnectWalletButton = () => { return ( <> - diff --git a/src/components/WalletConnection/WalletSelector.tsx b/src/components/WalletConnection/WalletSelector.tsx index 72e1c4d3..a524976a 100644 --- a/src/components/WalletConnection/WalletSelector.tsx +++ b/src/components/WalletConnection/WalletSelector.tsx @@ -193,7 +193,7 @@ export const WalletSelector = () => { sx={(theme) => ({ py: 1, px: 3, - border: `1px solid ${theme.palette.divider}`, + border: `1px solid ${theme.palette.mode === "dark" ? theme.palette.divider : theme.palette.text.secondary}`, borderRadius: '6px', mb: 1, overflow: 'show', @@ -235,7 +235,7 @@ export const WalletSelector = () => { Need help connecting a wallet?{' '} - + Read our FAQ diff --git a/src/components/Warnings/AMPLWarning.tsx b/src/components/Warnings/AMPLWarning.tsx index d35eb58b..2767690e 100644 --- a/src/components/Warnings/AMPLWarning.tsx +++ b/src/components/Warnings/AMPLWarning.tsx @@ -6,7 +6,7 @@ export const AMPLWarning = () => { return ( Ampleforth is a rebasing asset. Visit the{' '} - + documentation {' '} to learn more. diff --git a/src/components/Warnings/BorrowDisabledWarning.tsx b/src/components/Warnings/BorrowDisabledWarning.tsx index 87bd0bae..5c05a081 100644 --- a/src/components/Warnings/BorrowDisabledWarning.tsx +++ b/src/components/Warnings/BorrowDisabledWarning.tsx @@ -10,7 +10,7 @@ interface BorrowDisabledWarningProps { export const BorrowDisabledWarning = ({ symbol, currentMarket }: BorrowDisabledWarningProps) => { return ( - Borrowing is disabled due to an Plend community decision.{' '} + Borrowing is disabled due to an Superlend community decision.{' '} { The cooldown period is the time required prior to unstaking your tokens(10 days). You can only withdraw your assets from the Security Module after the cooldown period and within the active the unstake window. - + Learn more diff --git a/src/components/caps/CapsCircularStatus.tsx b/src/components/caps/CapsCircularStatus.tsx index cc655917..f5e7e886 100644 --- a/src/components/caps/CapsCircularStatus.tsx +++ b/src/components/caps/CapsCircularStatus.tsx @@ -44,7 +44,7 @@ export const CapsCircularStatus = ({ value, tooltipContent }: CapsCircularStatus theme.palette.grey[theme.palette.mode === 'light' ? 200 : 800], + color: (theme) => theme.palette.grey[theme.palette.mode === 'light' ? 300 : 800], position: 'absolute', left: 1.25, top: 1.25, diff --git a/src/components/caps/DebtCeilingStatus.tsx b/src/components/caps/DebtCeilingStatus.tsx index c6a957db..58b991b8 100644 --- a/src/components/caps/DebtCeilingStatus.tsx +++ b/src/components/caps/DebtCeilingStatus.tsx @@ -59,7 +59,7 @@ export const DebtCeilingStatus = ({ Debt ceiling limits the amount possible to borrow against this asset by protocol users. Debt ceiling is specific to assets in isolation mode and is denoted in USD. {' '} - + Learn more diff --git a/src/components/infoTooltips/ApprovalTooltip.tsx b/src/components/infoTooltips/ApprovalTooltip.tsx index 56b732a5..585bb3fb 100644 --- a/src/components/infoTooltips/ApprovalTooltip.tsx +++ b/src/components/infoTooltips/ApprovalTooltip.tsx @@ -7,7 +7,7 @@ export const ApprovalTooltip = ({ ...rest }: TextWithTooltipProps) => { return ( - To continue, you need to grant Plend smart contracts permission to move your funds from your + To continue, you need to grant Superlend smart contracts permission to move your funds from your wallet. Depending on the asset and wallet you use, it is done by signing the permission message (gas free), or by submitting an approval transaction (requires gas).{' '} diff --git a/src/components/infoTooltips/BorrowCapMaxedTooltip.tsx b/src/components/infoTooltips/BorrowCapMaxedTooltip.tsx index 4016ccf0..f369fd61 100644 --- a/src/components/infoTooltips/BorrowCapMaxedTooltip.tsx +++ b/src/components/infoTooltips/BorrowCapMaxedTooltip.tsx @@ -18,7 +18,7 @@ export const BorrowCapMaxedTooltip = ({ borrowCap, ...rest }: BorrowCapMaxedTool } color="warning.main" iconSize={18}> <> Protocol borrow cap at 100% for this asset. Further borrowing unavailable.{' '} - + Learn more diff --git a/src/components/infoTooltips/DebtCeilingMaxedTooltip.tsx b/src/components/infoTooltips/DebtCeilingMaxedTooltip.tsx index 23081949..75951f2a 100644 --- a/src/components/infoTooltips/DebtCeilingMaxedTooltip.tsx +++ b/src/components/infoTooltips/DebtCeilingMaxedTooltip.tsx @@ -21,7 +21,7 @@ export const DebtCeilingMaxedTooltip = ({ debtCeiling, ...rest }: DebtCeilingMax Protocol debt ceiling is at 100% for this asset. Futher borrowing against this asset is unavailable. {' '} - + Learn more diff --git a/src/components/infoTooltips/EModeTooltip.tsx b/src/components/infoTooltips/EModeTooltip.tsx index 1a1230dc..f88959da 100644 --- a/src/components/infoTooltips/EModeTooltip.tsx +++ b/src/components/infoTooltips/EModeTooltip.tsx @@ -20,7 +20,7 @@ export const EModeTooltip = ({ /> .{' '} { symbol; currentMarket; // Prevent warnings - return 'https://docs.plend.finance/'; + return 'https://docs.superlend.xyz/'; }; export const FrozenTooltip = ({ symbol, currentMarket }: FrozenTooltipProps) => { @@ -25,7 +25,7 @@ export const FrozenTooltip = ({ symbol, currentMarket }: FrozenTooltipProps) => tooltipContent={ - This asset is frozen due to Plend Protocol decision.{' '} + This asset is frozen due to Superlend Protocol decision.{' '} { return ( - Read-only mode allows to see address positions in Plend, but you won't be able to + Read-only mode allows to see address positions in Superlend, but you won't be able to perform transactions. diff --git a/src/components/infoTooltips/RenFILToolTip.tsx b/src/components/infoTooltips/RenFILToolTip.tsx index f5052c73..414462c4 100644 --- a/src/components/infoTooltips/RenFILToolTip.tsx +++ b/src/components/infoTooltips/RenFILToolTip.tsx @@ -11,8 +11,8 @@ export const RenFILToolTip = () => { tooltipContent={ - This asset is frozen due to Plend Protocol decision{' '} - + This asset is frozen due to Superlend Protocol decision{' '} + More details diff --git a/src/components/infoTooltips/ReserveFactorTooltip.tsx b/src/components/infoTooltips/ReserveFactorTooltip.tsx index e4183030..60dd624a 100644 --- a/src/components/infoTooltips/ReserveFactorTooltip.tsx +++ b/src/components/infoTooltips/ReserveFactorTooltip.tsx @@ -15,7 +15,7 @@ export const ReserveFactorTooltip = ({ collectorLink, ...rest }: ReserveFactorTo ) : ( 'collector contract' )}{' '} - that is controlled by Plend governance to promote ecosystem growth.{' '} + that is controlled by Superlend governance to promote ecosystem growth.{' '} ); diff --git a/src/components/infoTooltips/SupplyCapMaxedTooltip.tsx b/src/components/infoTooltips/SupplyCapMaxedTooltip.tsx index 3fb636d1..65d519be 100644 --- a/src/components/infoTooltips/SupplyCapMaxedTooltip.tsx +++ b/src/components/infoTooltips/SupplyCapMaxedTooltip.tsx @@ -18,7 +18,7 @@ export const SupplyCapMaxedTooltip = ({ supplyCap, ...rest }: SupplyCapMaxedTool } color="warning.main" iconSize={18}> <> Protocol supply cap at 100% for this asset. Further supply unavailable.{' '} - + Learn more diff --git a/src/components/isolationMode/IsolatedTooltip.tsx b/src/components/isolationMode/IsolatedTooltip.tsx index 22c5e34a..c2f47e53 100644 --- a/src/components/isolationMode/IsolatedTooltip.tsx +++ b/src/components/isolationMode/IsolatedTooltip.tsx @@ -41,7 +41,7 @@ export const IsolatedTooltip = () => { Learn more in our{' '} - + FAQ guide diff --git a/src/components/primitives/FormattedNumber.tsx b/src/components/primitives/FormattedNumber.tsx index 7417c97a..5e61bf5a 100644 --- a/src/components/primitives/FormattedNumber.tsx +++ b/src/components/primitives/FormattedNumber.tsx @@ -1,5 +1,5 @@ import { normalizeBN, valueToBigNumber } from '@aave/math-utils'; -import { Typography } from '@mui/material'; +import { Typography, useTheme } from '@mui/material'; import { Variant } from '@mui/material/styles/createTypography'; import { TypographyProps } from '@mui/material/Typography'; import { TypographyPropsVariantOverrides } from '@mui/material/Typography/Typography'; @@ -63,6 +63,7 @@ export function FormattedNumber({ roundDown, ...rest }: FormattedNumberProps) { + const { palette } = useTheme(); const number = percent ? Number(value) * 100 : Number(value); let decimals: number = visibleDecimals ?? 0; @@ -94,6 +95,7 @@ export function FormattedNumber({ flexDirection: 'row', alignItems: 'center', position: 'relative', + color: palette.mode === "dark" ? symbolsColor || 'text.secondary' : "#545351", ...rest.sx, }} noWrap @@ -113,7 +115,7 @@ export function FormattedNumber({ component="span" sx={{ mr: 0.5 }} variant={symbolsVariant || rest.variant} - color={symbolsColor || 'text.secondary'} + color={palette.mode === "dark" ? symbolsColor || 'text.secondary' : "#545351"} > $ @@ -133,7 +135,7 @@ export function FormattedNumber({ component="span" sx={{ ml: 0.5 }} variant={symbolsVariant || rest.variant} - color={symbolsColor || 'text.secondary'} + color={palette.mode === "dark" ? symbolsColor || 'text.secondary' : "#545351"} > % @@ -143,7 +145,7 @@ export function FormattedNumber({ component="span" sx={{ ml: 0.5 }} variant={symbolsVariant || rest.variant} - color={symbolsColor || 'text.secondary'} + color={palette.mode === "dark" ? symbolsColor || 'text.secondary' : "#545351"} > {symbol} diff --git a/src/components/transactions/AssetInput.tsx b/src/components/transactions/AssetInput.tsx index 45028406..c9b73fc3 100644 --- a/src/components/transactions/AssetInput.tsx +++ b/src/components/transactions/AssetInput.tsx @@ -141,8 +141,10 @@ export const AssetInput = ({ if (!onChange) return; if (maxValue !== undefined && Number(e.target.value) > Number(maxValue)) { onChange('-1'); + console.log('onChange -1 =>', e.target.value) } else { onChange(e.target.value); + console.log('onUpdate +1 =>', e.target.value) } }} inputProps={{ diff --git a/src/components/transactions/Emode/EmodeModalContent.tsx b/src/components/transactions/Emode/EmodeModalContent.tsx index f75bb548..b8da8759 100644 --- a/src/components/transactions/Emode/EmodeModalContent.tsx +++ b/src/components/transactions/Emode/EmodeModalContent.tsx @@ -188,7 +188,7 @@ export const EmodeModalContent = ({ mode }: EmodeModalContentProps) => { Enabling E-Mode only allows you to borrow assets belonging to the selected category. Please visit our{' '} - + FAQ guide {' '} to learn more about how it works and the applied restrictions. diff --git a/src/components/transactions/FlowCommons/Success.tsx b/src/components/transactions/FlowCommons/Success.tsx index d05f721e..fe0b321a 100644 --- a/src/components/transactions/FlowCommons/Success.tsx +++ b/src/components/transactions/FlowCommons/Success.tsx @@ -133,7 +133,7 @@ export const TxSuccessView = ({ Add{' '} - {addToken && addToken.aToken ? `p${addToken.symbol}` : `${addToken.symbol} token`}{' '} + {addToken && addToken.aToken ? `sl${addToken.symbol}` : `${addToken.symbol} token`}{' '} to wallet to track your balance. @@ -142,7 +142,7 @@ export const TxSuccessView = ({ addERC20Token({ address: addToken.address, decimals: addToken.decimals, - symbol: addToken.aToken ? `p${addToken.symbol}` : addToken.symbol, + symbol: addToken.aToken ? `sl${addToken.symbol}` : addToken.symbol, image: !/_/.test(addToken.symbol) ? base64 : undefined, }); }} diff --git a/src/components/transactions/MigrateV3/MigrateV3ModalContent.tsx b/src/components/transactions/MigrateV3/MigrateV3ModalContent.tsx index 0232e167..1262f227 100644 --- a/src/components/transactions/MigrateV3/MigrateV3ModalContent.tsx +++ b/src/components/transactions/MigrateV3/MigrateV3ModalContent.tsx @@ -72,7 +72,7 @@ export const MigrateV3ModalContent = () => { return ( <> - + {isWrongNetwork && !readOnlyModeAddress && ( )} diff --git a/src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx b/src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx index ecd359b8..e3a73047 100644 --- a/src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx +++ b/src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx @@ -123,7 +123,7 @@ export const StakeCooldownModalContent = ({ stakeAssetName }: StakeCooldownProps {' '} Learn more diff --git a/src/components/transactions/Warnings/BorrowCapWarning.tsx b/src/components/transactions/Warnings/BorrowCapWarning.tsx index 510e18f6..8ffe6c91 100644 --- a/src/components/transactions/Warnings/BorrowCapWarning.tsx +++ b/src/components/transactions/Warnings/BorrowCapWarning.tsx @@ -29,7 +29,7 @@ export const BorrowCapWarning = ({ borrowCap, icon = true, ...rest }: BorrowCapW return ( {renderText()}{' '} - + Learn more diff --git a/src/components/transactions/Warnings/DebtCeilingWarning.tsx b/src/components/transactions/Warnings/DebtCeilingWarning.tsx index 0fb22c86..2296ed6e 100644 --- a/src/components/transactions/Warnings/DebtCeilingWarning.tsx +++ b/src/components/transactions/Warnings/DebtCeilingWarning.tsx @@ -37,7 +37,7 @@ export const DebtCeilingWarning = ({ return ( {renderText()}{' '} - + Learn more diff --git a/src/components/transactions/Warnings/IsolationModeWarning.tsx b/src/components/transactions/Warnings/IsolationModeWarning.tsx index d700c2ad..5e117ce5 100644 --- a/src/components/transactions/Warnings/IsolationModeWarning.tsx +++ b/src/components/transactions/Warnings/IsolationModeWarning.tsx @@ -20,7 +20,7 @@ export const IsolationModeWarning = ({ asset, severity }: IsolationModeWarningPr In Isolation mode, you cannot supply other assets as collateral. A global debt ceiling limits the borrowing power of the isolated asset. To exit isolation mode disable{' '} {asset ? asset : ''} as collateral before borrowing another asset. Read more in our{' '} - FAQ + FAQ diff --git a/src/components/transactions/Warnings/SupplyCapWarning.tsx b/src/components/transactions/Warnings/SupplyCapWarning.tsx index 653caa18..94d542b9 100644 --- a/src/components/transactions/Warnings/SupplyCapWarning.tsx +++ b/src/components/transactions/Warnings/SupplyCapWarning.tsx @@ -30,7 +30,7 @@ export const SupplyCapWarning = ({ supplyCap, icon = true, ...rest }: SupplyCapW return ( {renderText()}{' '} - + Learn more diff --git a/src/layouts/AppHeader.tsx b/src/layouts/AppHeader.tsx index 6c0b13a3..d09fdcca 100644 --- a/src/layouts/AppHeader.tsx +++ b/src/layouts/AppHeader.tsx @@ -70,7 +70,7 @@ export function AppHeader() { The app is running in testnet mode. Learn how it works in{' '} FAQ. @@ -110,13 +110,15 @@ export function AppHeader() { aria-label="Go to homepage" sx={{ lineHeight: 0, - mr: 3, + mr: 5, transition: '0.3s ease all', '&:hover': { opacity: 0.7 }, + height: sm ? 25 : 30, + width: sm ? 25 : 30 }} onClick={() => setMobileMenuOpen(false)} > - An SVG of the Plend logo + An SVG of the Superlend logo {ENABLE_TESTNET && ( diff --git a/src/layouts/MobileMenu.tsx b/src/layouts/MobileMenu.tsx index effb2d6c..127c8825 100644 --- a/src/layouts/MobileMenu.tsx +++ b/src/layouts/MobileMenu.tsx @@ -39,7 +39,7 @@ const MenuItemsWrapper = ({ children, title }: { children: ReactNode; title: Rea {title} @@ -66,8 +66,8 @@ export const MobileMenu = ({ open, setOpen, headerHeight }: MobileMenuProps) => ) : ( )} - + @@ -311,7 +311,7 @@ export default function WalletWidget({ open, setOpen, headerHeight }: WalletWidg - + - + )} - {showSwap && ( + {/* {showSwap && ( - )} - {!(showSwap && !hideSupply) && ( + )} */} + {!hideSupply && ( )} - {showSwap && ( + {/* {showSwap && ( - )} - {!(showSwap && !hideSupply) && ( + )} */} + {!hideSupply && (