replaced references from sparkprotocol.io to spark.fi

README.md

@@ -28,17 +28,17 @@ There's a github action commenting the appropriate IPFS hash embedded in the Clo
 
 For ease of use:
 
-- the DNS of [https://app.sparkprotocol.io](https://app.sparkprotocol.io) will always point to the latest `spark` IPFS hash with disabled test networks
+- the DNS of [https://app.spark.fi](https://app.spark.fi) will always point to the latest `spark` IPFS hash with disabled test networks
 
 ### Troubleshooting
 
-Issue: I cannot connect to `app.sparkprotocol.io`
+Issue: I cannot connect to `app.spark.fi`
 
-The spark-interface is hosted on IPFS in a decentralized manner. `app.sparkprotocol.io` just holds a CNAME record to the Cloudflare IPFS gateway. You can use [any](https://ipfs.github.io/public-gateway-checker/) public or private IPFS gateway supporting origin isolation to access spark-interface if for some reason the Cloudflare gateway doesn't work for you
+The spark-interface is hosted on IPFS in a decentralized manner. `app.spark.fi` just holds a CNAME record to the Cloudflare IPFS gateway. You can use [any](https://ipfs.github.io/public-gateway-checker/) public or private IPFS gateway supporting origin isolation to access spark-interface if for some reason the Cloudflare gateway doesn't work for you
 
-Just go to `<your favorite public ipfs gateway>/ipns/app.sparkprotocol.io`
+Just go to `<your favorite public ipfs gateway>/ipns/app.spark.fi`
 
-⚠️ Make sure the gateway supports origin isolation to avoid possible security issues: you should be redirected to URL that looks like `https://app-sparkprotocol-io.<your gateway>`
+⚠️ Make sure the gateway supports origin isolation to avoid possible security issues: you should be redirected to URL that looks like `https://app-spark-fi.<your gateway>`
 
 ## License
 
@@ -50,7 +50,7 @@ To all the Ethereum community
 
 ## Plug and Play License
 
-This code is open source, but use within a Maker SubDAO requires a 15% revenue share of all income generated by the usage of code inside this repository to the Ethereum address labelled by the ENS domain of sparkprotocol.eth. This Plug and Play revenue share license expires on January 1st, 2026 at 00:00 UTC.
+This code is open source, but use within a Maker SubDAO requires a 15% revenue share of all income generated by the usage of code inside this repository to the Ethereum address labelled by the ENS domain of sparkfi.eth. This Plug and Play revenue share license expires on January 1st, 2026 at 00:00 UTC.
 
 ***
 *The IP in this repository was assigned to Mars SPC Limited in respect of the MarsOne SP*

src/components/AddressBlockedModal.tsx

@@ -35,10 +35,10 @@ export const AddressBlockedModal = ({ address, onDisconnectWallet }: AddressBloc
         </Typography>
         <Typography variant="description" sx={{ textAlign: 'center', mb: 4 }}>
           <Trans>
-            This address is blocked on app.sparkprotocol.io because it is associated with one or
+            This address is blocked on app.spark.fi because it is associated with one or
             more
           </Trans>{' '}
-          <Link href="https://docs.sparkprotocol.io/faq/#address-screening" underline="always">
+          <Link href="https://docs.spark.fi/faq#address-screening" underline="always">
             <Trans>blocked activities</Trans>
           </Link>
           {'.'}

src/components/ConnectWalletPaper.tsx

@@ -82,25 +82,25 @@ export const Disclaimers = () => {
       (
       <Trans>
         By using this Site, I have read and agree to the{' '}
-        <a href="https://www.sparkprotocol.io/terms-of-use.html" target="blank">
+        <a href="https://www.spark.fi/terms-of-use.html" target="blank">
           Terms of Use
         </a>{' '}
         and{' '}
-        <a href="https://www.sparkprotocol.io/privacy-policy.html" target="blank">
+        <a href="https://www.spark.fi/privacy-policy.html" target="blank">
           Privacy Policy
         </a>
         .
         <br />
         <br />- I am not the person or entities who reside in, are citizens of, are incorporated in,
         or have a registered office in the United States of America or any Prohibited Localities, as
         defined in the{' '}
-        <a href="https://www.sparkprotocol.io/terms-of-use.html" target="blank">
+        <a href="https://www.spark.fi/terms-of-use.html" target="blank">
           Terms of Use
         </a>
         .
         <br />- I will not in the future access this site while located within the United States or
         any Prohibited Localities, as defined in the{' '}
-        <a href="https://www.sparkprotocol.io/terms-of-use.html" target="blank">
+        <a href="https://www.spark.fi/terms-of-use.html" target="blank">
           Terms of Use
         </a>
         .

src/components/WalletConnection/WalletSelector.tsx

@@ -236,7 +236,7 @@ export const WalletSelector = () => {
         <Trans>
           Need help connecting a wallet?{' '}
           <Link
-            href="https://docs.sparkprotocol.io/faq/troubleshooting"
+            href="https://docs.spark.fi/defi-infrastructure/sparklend/troubleshooting"
             target="_blank"
             rel="noopener"
           >

src/components/Warnings/AMPLWarning.tsx

@@ -7,7 +7,7 @@ export const AMPLWarning = () => {
     <Trans>
       <b>Ampleforth</b> is a rebasing asset. Visit the{' '}
       <Link
-        href="https://docs.sparkprotocol.io/developers/v/2.0/guides/ampl-asset-listing"
+        href="https://docs.spark.fi"
         underline="always"
       >
         <Trans>documentation</Trans>

src/components/Warnings/CooldownWarning.tsx

@@ -15,7 +15,7 @@ export const CooldownWarning = () => {
           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.
-          <Link href="https://docs.sparkprotocol.io/faq/migration-and-staking" fontWeight={500}>
+          <Link href="https://docs.spark.fi/" fontWeight={500}>
             <Trans>Learn more</Trans>
           </Link>
         </Trans>

src/components/caps/DebtCeilingStatus.tsx

@@ -60,7 +60,7 @@ export const DebtCeilingStatus = ({
                 users. Debt ceiling is specific to assets in isolation mode and is denoted in USD.
               </Trans>{' '}
               <Link
-                href="https://docs.sparkprotocol.io/faq/spark-lend-features#how-does-isolation-mode-affect-my-borrowing-power"
+                href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#how-does-isolation-mode-affect-my-borrowing-power"
                 underline="always"
               >
                 <Trans>Learn more</Trans>

src/components/infoTooltips/BorrowCapMaxedTooltip.tsx

@@ -19,7 +19,7 @@ export const BorrowCapMaxedTooltip = ({ borrowCap, ...rest }: BorrowCapMaxedTool
         <>
           <Trans>Protocol borrow cap at 100% for this asset. Further borrowing unavailable.</Trans>{' '}
           <Link
-            href="https://docs.sparkprotocol.io/developers/features/supply-borrow-caps"
+            href="https://devs.spark.fi/sparklend/features/supply-borrow-caps"
             underline="always"
           >
             <Trans>Learn more</Trans>

src/components/infoTooltips/DebtCeilingMaxedTooltip.tsx

@@ -22,7 +22,7 @@ export const DebtCeilingMaxedTooltip = ({ debtCeiling, ...rest }: DebtCeilingMax
             unavailable.
           </Trans>{' '}
           <Link
-            href="https://docs.sparkprotocol.io/faq/spark-lend-features#how-does-isolation-mode-affect-my-borrowing-power"
+            href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#how-does-isolation-mode-affect-my-borrowing-power"
             underline="always"
           >
             <Trans>Learn more</Trans>

src/components/infoTooltips/EModeTooltip.tsx

@@ -20,7 +20,7 @@ export const EModeTooltip = ({
         />
         .{' '}
         <Link
-          href="https://docs.sparkprotocol.io/faq/spark-lend-features#high-efficiency-mode-e-mode"
+          href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#how-does-isolation-mode-affect-my-borrowing-power"
           sx={{ textDecoration: 'underline' }}
           variant="caption"
           color="text.secondary"

src/components/infoTooltips/SupplyCapMaxedTooltip.tsx

@@ -19,7 +19,7 @@ export const SupplyCapMaxedTooltip = ({ supplyCap, ...rest }: SupplyCapMaxedTool
         <>
           <Trans>Protocol supply cap at 100% for this asset. Further supply unavailable.</Trans>{' '}
           <Link
-            href="https://docs.sparkprotocol.io/developers/features/supply-borrow-caps"
+            href="https://devs.spark.fi/sparklend/features/supply-borrow-caps"
             underline="always"
           >
             <Trans>Learn more</Trans>

src/components/isolationMode/IsolatedTooltip.tsx

@@ -42,7 +42,7 @@ export const IsolatedTooltip = () => {
         <Trans>
           Learn more in our{' '}
           <Link
-            href="https://docs.sparkprotocol.io/faq/spark-lend-features#isolation-mode"
+            href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#isolation-mode"
             fontWeight={500}
           >
             FAQ guide

src/components/transactions/Emode/EmodeModalContent.tsx

@@ -189,7 +189,7 @@ export const EmodeModalContent = ({ mode }: EmodeModalContentProps) => {
               Enabling E-Mode only allows you to borrow assets belonging to the selected category.
               Please visit our{' '}
               <Link
-                href="https://docs.sparkprotocol.io/faq/spark-lend-features#high-efficiency-mode-e-mode"
+                href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#high-efficiency-mode-e-mode"
                 target="_blank"
                 rel="noopener"
               >

src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx

@@ -123,7 +123,7 @@ export const StakeCooldownModalContent = ({ stakeAssetName }: StakeCooldownProps
         </Trans>{' '}
         <Link
           variant="description"
-          href="https://docs.sparkprotocol.io/faq/migration-and-staking"
+          href="https://docs.spark.fi/"
           sx={{ textDecoration: 'underline' }}
         >
           <Trans>Learn more</Trans>

src/components/transactions/Warnings/BorrowCapWarning.tsx

@@ -30,7 +30,7 @@ export const BorrowCapWarning = ({ borrowCap, icon = true, ...rest }: BorrowCapW
     <Warning severity={severity} icon={icon} {...rest}>
       {renderText()}{' '}
       <Link
-        href="https://docs.sparkprotocol.io/developers/features/supply-borrow-caps"
+        href="https://devs.spark.fi/sparklend/features/supply-borrow-caps"
         underline="always"
       >
         <Trans>Learn more</Trans>

src/components/transactions/Warnings/DebtCeilingWarning.tsx

@@ -38,7 +38,7 @@ export const DebtCeilingWarning = ({
     <Warning severity={severity} icon={icon} {...rest}>
       {renderText()}{' '}
       <Link
-        href="https://docs.sparkprotocol.io/faq/spark-lend-features#how-does-isolation-mode-affect-my-borrowing-power"
+        href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#how-does-e-mode-affect-my-borrowing-power"
         underline="always"
       >
         <Trans>Learn more</Trans>

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{' '}
-          <Link href="https://docs.sparkprotocol.io/faq/spark-lend-features#isolation-mode">
+          <Link href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#high-efficiency-mode-e-mode">
             FAQ
           </Link>
         </Trans>

src/components/transactions/Warnings/SupplyCapWarning.tsx

@@ -31,7 +31,7 @@ export const SupplyCapWarning = ({ supplyCap, icon = true, ...rest }: SupplyCapW
     <Warning severity={severity} icon={icon} {...rest}>
       {renderText()}{' '}
       <Link
-        href="https://docs.sparkprotocol.io/developers/features/supply-borrow-caps"
+        href="https://devs.spark.fi/sparklend/features/supply-borrow-caps"
         underline="always"
       >
         <Trans>Learn more</Trans>

src/layouts/AppHeader.tsx

@@ -70,7 +70,7 @@ export function AppHeader() {
       <Typography variant="description">
         <Trans>The app is running in testnet mode. Learn how it works in</Trans>{' '}
         <Link
-          href="https://docs.sparkprotocol.io/faq/testing-spark-lend"
+          href="https://docs.spark.fi/defi-infrastructure/sparklend/testing-spark-lend"
           style={{ fontSize: '14px', fontWeight: 400, textDecoration: 'underline' }}
         >
           FAQ.

src/layouts/SettingsMenu.tsx

@@ -8,6 +8,8 @@ import { DarkModeSwitcher } from './components/DarkModeSwitcher';
 import { LanguageListItem, LanguagesList } from './components/LanguageSwitcher';
 import { TestNetModeSwitcher } from './components/TestNetModeSwitcher';
 
+import { PlaygroundsControl } from './components/PlaygroundControls'
+
 export function SettingsMenu() {
   const [settingsOpen, setSettingsOpen] = useState(false);
   const [languagesOpen, setLanguagesOpen] = useState(false);
@@ -72,6 +74,7 @@ export function SettingsMenu() {
         <DarkModeSwitcher component={MenuItem} />
         {PROD_ENV && <TestNetModeSwitcher />}
         <LanguageListItem onClick={handleLanguageClick} component={MenuItem} />
+        <PlaygroundsControl />
       </Menu>
 
       <Menu

src/layouts/components/PlaygroundControls.tsx

@@ -0,0 +1,93 @@
+// PlaygroundControls.tsx
+import { useWeb3React } from '@web3-react/core'
+import useSelectChain from 'hooks/useSelectChain'
+import useSyncChainQuery from 'hooks/useSyncChainQuery'
+import { useTenderlyPlayground } from 'hooks/useTenderlyFork'
+import useBlockNumber from 'lib/hooks/useBlockNumber'
+import { useCallback, useMemo } from 'react'
+import styled from 'styled-components/macro'
+import { ExplorerDataType, getExplorerLink } from 'utils/getExplorerLink'
+
+export default function PlaygroundControls() {
+  const { chainId } = useWeb3React()
+  const {
+    aNewPlayground: aNewTenderlyForkProvider,
+    playgroundProvider: tenderlyForkProvider,
+    isPlayground,
+    discardPlayground,
+  } = useTenderlyPlayground()
+  const selectChain = useSelectChain()
+  const blockNumber = useBlockNumber()
+  useSyncChainQuery()
+
+  const createPlayground = useCallback(async () => {
+    await aNewTenderlyForkProvider(chainId)
+  }, [chainId, aNewTenderlyForkProvider])
+
+  const blockExternalLinkHref = useMemo(() => {
+    if (!chainId || !blockNumber) {
+      return ''
+    }
+
+    if (tenderlyForkProvider) {
+      return tenderlyForkProvider?.publicUrl || ''
+    }
+
+    return getExplorerLink(chainId, blockNumber.toString(), ExplorerDataType.BLOCK)
+  }, [chainId, tenderlyForkProvider, blockNumber])
+
+  const connectChain = useCallback(async () => {
+    if (!tenderlyForkProvider) {
+      return
+    }
+    await selectChain(Number.parseInt(tenderlyForkProvider.baseChainId))
+    await discardPlayground()
+  }, [discardPlayground, tenderlyForkProvider, selectChain])
+
+  return (
+    <ControlsPane>
+      <Button href={blockExternalLinkHref}>Explorer</Button>
+      {!isPlayground && <Button onClick={createPlayground}>Playground</Button>}
+      {isPlayground && <Button onClick={createPlayground}>Clear Playground</Button>}
+      {isPlayground && <Button onClick={connectChain}>Back To Network</Button>}
+    </ControlsPane>
+  )
+}
+
+const ControlsPane = styled.a`
+  display: inline-flex;
+  height: 70px;
+  padding: 16px;
+  align-items: center;
+  gap: 24px;
+  flex-shrink: 0;
+
+  border-radius: 16px;
+  border: 1px solid #e5e4ef;
+  background: #fff;
+  margin-top: 50px;
+  position: absolute;
+  bottom: 30px;
+`
+
+const Button = styled.a`
+  display: flex;
+  padding: 10px 24px;
+  align-items: flex-start;
+  border-radius: 8px;
+  border: 1px solid #e4e3ee;
+  background: #f5f6fc;
+  box-shadow: 0px 1px 4px 0px rgba(23, 23, 24, 0.07);
+  border-radius: 8px;
+  border: 1px solid #e4e3ee;
+  background: #f5f6fc;
+  box-shadow: 0px 1px 4px 0px rgba(23, 23, 24, 0.07);
+  color: #38363a;
+  font-size: 14px;
+  font-family: Inter;
+  font-weight: 600;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+`

src/modules/dashboard/DashboardEModeButton.tsx

@@ -190,7 +190,7 @@ export const DashboardEModeButton = ({ userEmodeCategoryId }: DashboardEModeButt
             <Trans>
               E-Mode increases your LTV for a selected category of assets up to 97%.{' '}
               <Link
-                href="https://docs.sparkprotocol.io/faq/spark-lend-features#high-efficiency-mode-e-mode"
+                href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#high-efficiency-mode-e-mode"
                 sx={{ textDecoration: 'underline' }}
                 variant="caption"
                 color="text.secondary"

src/modules/dashboard/LiquidationRiskParametresModal/LiquidationRiskParametresModal.tsx

@@ -55,7 +55,7 @@ export const LiquidationRiskParametresInfoModal = ({
           liquidations you can supply more collateral or repay borrow positions.
         </Trans>{' '}
         <Link
-          href="https://docs.sparkprotocol.io/faq/"
+          href="https://docs.spark.fi/faq/"
           sx={{ textDecoration: 'underline' }}
           color="text.primary"
           variant="description"

src/modules/dashboard/lists/BorrowAssetsList/BorrowAssetsList.tsx

@@ -204,7 +204,7 @@ export const BorrowAssetsList = () => {
               {user?.isInIsolationMode && (
                 <Warning severity="warning">
                   <Trans>Borrowing power and assets are limited due to Isolation mode. </Trans>
-                  <Link href="https://docs.sparkprotocol.io/faq/" target="_blank" rel="noopener">
+                  <Link href="https://docs.spark.fi/faq" target="_blank" rel="noopener">
                     Learn More
                   </Link>
                 </Warning>

src/modules/dashboard/lists/SupplyAssetsList/SupplyAssetsList.tsx

@@ -248,7 +248,7 @@ export const SupplyAssetsList = () => {
               <Warning severity="warning">
                 <Trans>
                   Collateral usage is limited because of isolation mode.{' '}
-                  <Link href="https://docs.sparkprotocol.io/faq/" target="_blank" rel="noopener">
+                  <Link href="https://docs.spark.fi/faq" target="_blank" rel="noopener">
                     Learn More
                   </Link>
                 </Trans>

src/modules/faucet/FaucetTopPanel.tsx

@@ -30,7 +30,7 @@ export const FaucetTopPanel = () => {
                 testnet are not “real,” meaning they have no monetary value.{' '}
                 <Link
                   color="#A5A8B6"
-                  href="https://docs.sparkprotocol.io/developers/guides/testing-guide"
+                  href="https://devs.spark.fi/sparklend/features/testing-guide"
                   sx={{ textDecoration: 'underline' }}
                 >
                   Learn more

src/modules/reserve-overview/BorrowInfo.tsx

@@ -87,7 +87,7 @@ export const BorrowInfo = ({
                         pool insolvency.
                       </Trans>{' '}
                       <Link
-                        href="https://docs.sparkprotocol.io/developers/features/supply-borrow-caps"
+                        href="https://devs.spark.fi/sparklend/features/supply-borrow-caps"
                         underline="always"
                       >
                         <Trans>Learn more</Trans>

src/modules/reserve-overview/ReserveConfiguration.tsx

@@ -208,7 +208,7 @@ export const ReserveConfiguration: React.FC<ReserveConfigurationProps> = ({ rese
                   </Link>
                   . To learn more about E-Mode and applied restrictions in{' '}
                   <Link
-                    href="https://docs.sparkprotocol.io/faq/spark-lend-features#high-efficiency-mode-e-mode"
+                    href="https://docs.spark.fi/defi-infrastructure/sparklend/spark-lend-features#high-efficiency-mode-e-mode"
                     sx={{ textDecoration: 'underline' }}
                     variant="caption"
                     color="text.secondary"