Plenty-network · shreyaspangal · Jul 31, 2024 · Jul 31, 2024 · Jul 31, 2024 · Jul 31, 2024
diff --git 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
@@ -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) {
       </Head>
       <Meta
         title={'Etherlink-Powered Lending Market'}
-        description={'Plend'}
-        imageUrl={PlendMetaImage.src}
+        description={'Superlend'}
+        imageUrl="https://asset.cloudinary.com/dbogvpefw/07d39cb3701b76bca4dbeacfb5b9e927"
       />
       <LanguageProvider>
         <BlockVPN>

diff --git 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 && (
-        <Meta imageUrl={AaveMetaImage.src} title={ipfs.title} description={ipfs.shortDescription} />
+        <Meta imageUrl="https://asset.cloudinary.com/dbogvpefw/07d39cb3701b76bca4dbeacfb5b9e927" title={ipfs.title} description={ipfs.shortDescription} />
       )}
       <ProposalTopPanel />
 

diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/fonts/basier-circle/BasierCircle-Regular.woff b/public/fonts/basier-circle/BasierCircle-Regular.woff
diff --git a/public/fonts/basier-circle/BasierSquare-Regular.woff b/public/fonts/basier-circle/BasierSquare-Regular.woff
diff --git a/public/fonts/basier-circle/basier-circle.css 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');
+    }
diff --git a/public/fonts/basier-circle/example.html b/public/fonts/basier-circle/example.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <link rel="stylesheet" type="text/css"
+          href="style.css"/>
+</head>
+
+<body>
+
+<h1>Generated from: http://font.download</h1><br/>
+<h1 style="font-family:'Basier Circle Regular';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+<h1 style="font-family:'Basier Square Regular';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+
+
+</body>
+</html>
diff --git a/public/logos/superlend-full-logo.svg b/public/logos/superlend-full-logo.svg
diff --git a/public/logos/superlend-full-logo.webp b/public/logos/superlend-full-logo.webp
diff --git a/public/logos/superlendlogo.webp b/public/logos/superlendlogo.webp
diff --git 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
diff --git 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
@@ -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,36 +20,30 @@ export const ConnectWalletPaper = ({
   sx,
   ...rest
 }: ConnectWalletPaperProps) => {
-  const theme = useTheme();
   return (
     <Paper
       {...rest}
       sx={{
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
-        justifyContent: 'center',
         textAlign: 'center',
         flex: 1,
         ...sx,
       }}
     >
-      {theme.palette.mode === 'light' ? (
-        <Box
-          sx={{
-            display: 'flex',
-            justifyContent: 'center',
-            width: '100%',
-            backgroundColor: '#27212F',
-            borderTopLeftRadius: '6px',
-            borderTopRightRadius: '6px',
-          }}
-        >
-          <WalletConnectLogoDark style={{ marginBottom: '16px', maxWidth: '250px' }} />
-        </Box>
-      ) : (
-        <WalletConnectLogoDark style={{ marginBottom: '16px', maxWidth: '250px' }} />
-      )}
+      <Box
+        sx={{
+          display: 'flex',
+          justifyContent: 'center',
+          width: '100%',
+          backgroundColor: '#FF5B00',
+          borderTopLeftRadius: '6px',
+          borderTopRightRadius: '6px',
+        }}
+      >
+        <FullLogo style={{ marginBottom: '16px', maxWidth: '250px' }} />
+      </Box>
       <Box sx={{ p: 4 }}>
         {loading ? (
           <CircularProgress />
@@ -115,7 +109,7 @@ export const Disclaimers = () => {
             the jurisdiction in which I reside and am located.
           </MarkedListItem>
           <MarkedListItem>
-            I understand the risks associated with entering into using the Plend.
+            I understand the risks associated with entering into using the Superlend.
           </MarkedListItem>
         </MarkedList>
       </Trans>
@@ -132,8 +126,8 @@ export const InnerLink = ({ children, href }: InnerLinkProps) => {
     <Link
       href={href}
       target="_blank"
-      sx={(theme) => ({
-        color: theme.palette.mode === 'light' ? '#3F2566' : '#52F4DC',
+      sx={() => ({
+        color: '#FF5B00',
         textDecoration: 'underline',
       })}
     >

diff --git 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 (
-    <DarkTooltip title="Get free assets to test Plend Protocol">
+    <DarkTooltip title="Get free assets to test Superlend Protocol">
       <Button
         startIcon={
           <img
@@ -25,7 +25,7 @@ export const FaucetButton = () => {
           </SvgIcon>
         }
         component={Link}
-        href={ROUTES.faucet}
+        href={"https://faucet.etherlink.com"}
         variant="outlined"
         size="small"
       >

diff --git a/src/components/HealthFactorNumber.tsx b/src/components/HealthFactorNumber.tsx
@@ -56,7 +56,7 @@ export const HealthFactorNumber = ({
       {onInfoClick && (
         <Button
           onClick={onInfoClick}
-          variant="surface"
+          variant="contained"
           size="small"
           sx={{ minWidth: 'unset', ml: { xs: 0, xsm: 2 } }}
         >

diff --git a/src/components/MarketSwitcher.tsx b/src/components/MarketSwitcher.tsx
@@ -59,7 +59,7 @@ type MarketLogoProps = {
 export const MarketLogo = ({ size, logo, testChainName }: MarketLogoProps) => {
   return (
     <Box sx={{ mr: 2, width: size, height: size, position: 'relative' }}>
-      <img src={logo} alt="" width="100%" height="100%" />
+      <Box sx={{filter: 'brightness(0.7)'}}><img src={logo} alt="" width="100%" height="100%" /></Box>
 
       {testChainName && (
         <Tooltip title={testChainName} arrow>
@@ -131,7 +131,7 @@ export const MarketSwitcher = () => {
                   variant={upToLG ? 'display1' : 'h1'}
                   sx={{
                     fontSize: downToXSM ? '1.55rem' : undefined,
-                    color: 'common.white',
+                    color: theme.palette.mode === 'dark' ? 'common.white' : '#2A2826',
                     mr: 1,
                   }}
                 >
@@ -147,7 +147,7 @@ export const MarketSwitcher = () => {
             p: 0,
             backgroundColor: 'transparent !important',
           },
-          '.MuiSelect-icon': { color: '#F1F1F3' },
+          '.MuiSelect-icon': { color: theme.palette.mode === 'dark' ? '#F1F1F3' : '#2A2826' },
         },
         MenuProps: {
           anchorOrigin: {
@@ -157,6 +157,7 @@ export const MarketSwitcher = () => {
           PaperProps: {
             style: {
               minWidth: 240,
+              background: theme.palette.mode === 'dark' ? '#2A2826' : '#f1f1f1'
             },
             variant: 'outlined',
             elevation: 0,
@@ -167,7 +168,7 @@ export const MarketSwitcher = () => {
       <Box>
         <Typography variant="subheader2" color="text.secondary" sx={{ px: 4, py: 2 }}>
           <Trans>
-            {ENABLE_TESTNET || STAGING_ENV ? 'Select Plend Testnet Market' : 'Select Plend Market'}
+            {ENABLE_TESTNET || STAGING_ENV ? 'Select Superlend Testnet Market' : 'Select Superlend Market'}
           </Trans>
         </Typography>
       </Box>
@@ -194,7 +195,7 @@ export const MarketSwitcher = () => {
               {marketNaming.name} {market.isFork ? 'Fork' : ''}
             </ListItemText>
             <ListItemText sx={{ textAlign: 'right' }}>
-              <Typography color="text.muted" variant="description">
+              <Typography color="text.secondary" variant="description">
                 {marketNaming.testChainName}
               </Typography>
             </ListItemText>

diff --git a/src/components/Meta.tsx b/src/components/Meta.tsx
@@ -11,13 +11,13 @@ type MetaProps = {
 export function Meta({ title, description, imageUrl, timestamp }: MetaProps) {
   return (
     <Head>
-      <title>Plend - {title}</title>
+      <title>Superlend - {title}</title>
       <meta name="description" content={description} key="description" />
-      <meta property="og:title" content={`Plend - ${title}`} key="title" />
+      <meta property="og:title" content={`Superlend - ${title}`} key="title" />
       <meta property="og:description" content={description} key="ogdescription" />
       {imageUrl && <meta property="og:image" content={imageUrl} key="ogimage" />}
       {imageUrl && <meta name="twitter:image" content={imageUrl} key="twitterimage" />}
-      {imageUrl && <meta name="twitter:image:alt" content={`plend logo`} key="twitteralt" />}
+      {imageUrl && <meta name="twitter:image:alt" content={`Superlend logo`} key="twitteralt" />}
       <meta name="twitter:site" content="@AaveAave" key="twittersite" />
       <meta
         property="twitter:card"
@@ -37,7 +37,7 @@ export function Meta({ title, description, imageUrl, timestamp }: MetaProps) {
       <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
       <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
       <meta name="msapplication-TileColor" content="#171715" />
-      <meta name="theme-color" content="#171715" />
+      <meta name="theme-color" content="#FF5B00" />
     </Head>
   );
 }
diff --git a/src/components/ReserveOverviewBox.tsx b/src/components/ReserveOverviewBox.tsx
@@ -16,7 +16,7 @@ export function ReserveOverviewBox({
     <Box
       sx={(theme) => ({
         borderRadius: '6px',
-        border: `1px solid ${theme.palette.divider}`,
+        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.divider : '#cecece'}`,
         flex: fullWidth ? '0 100%' : '0 32%',
         marginBottom: '2%',
         height: { md: '70px', lg: '60px' },

diff --git a/src/components/StyledToggleButton.tsx b/src/components/StyledToggleButton.tsx
@@ -1,14 +1,14 @@
 import { styled, ToggleButton, ToggleButtonProps } from '@mui/material';
 import React from 'react';
 
-const CustomToggleButton = styled(ToggleButton)<ToggleButtonProps>(({ theme }) => ({
+const CustomToggleButton = styled(ToggleButton)<ToggleButtonProps>(() => ({
   border: '0px',
   flex: 1,
   backgroundColor: '#27212F',
   borderRadius: '4px',
 
   '&.Mui-selected, &.Mui-selected:hover': {
-    backgroundColor: '#3F2566',
+    backgroundColor: '#FF5B00',
     borderRadius: '4px !important',
     border: 'none',
   },
@@ -20,14 +20,14 @@ const CustomToggleButton = styled(ToggleButton)<ToggleButtonProps>(({ theme }) =
     justifyContent: 'center',
 
     '.MuiTypography-subheader1': {
-      background: theme.palette.gradients.aaveGradient,
-      backgroundClip: 'text',
-      textFillColor: 'transparent',
+      // background: theme.palette.gradients.aaveGradient,
+      // backgroundClip: 'text',
+      textFillColor: '#fff',
     },
     '.MuiTypography-secondary14': {
-      background: theme.palette.gradients.aaveGradient,
-      backgroundClip: 'text',
-      textFillColor: 'transparent',
+      // background: theme.palette.gradients.aaveGradient,
+      // backgroundClip: 'text',
+      // textFillColor: 'transparent',
     },
   },
 })) as typeof ToggleButton;

diff --git a/src/components/TopInfoPanel/PageTitle.tsx b/src/components/TopInfoPanel/PageTitle.tsx
@@ -61,7 +61,7 @@ export const PageTitle = ({ pageTitle, withMarketSwitcher, withMigrateButton }:
         {isMigrateToV3Available && withMigrateButton && (
           <Link href={ROUTES.migrationTool} sx={{ mt: { xs: 2, xsm: 0 } }}>
             <Button variant="gradient" size="small">
-              <Trans>Migrate to Plend Protocol</Trans>
+              <Trans>Migrate to Superlend Protocol</Trans>
             </Button>
           </Link>
         )}