diff --git a/next-env.d.ts b/next-env.d.ts index a4a7b3f5..4f11a03d 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -2,4 +2,4 @@ /// // NOTE: This file should not be edited -// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information. +// see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/src/components/Settings/ProtocolsSettings/index.tsx b/src/components/Settings/ProtocolsSettings/index.tsx index 2896f138..98def751 100644 --- a/src/components/Settings/ProtocolsSettings/index.tsx +++ b/src/components/Settings/ProtocolsSettings/index.tsx @@ -4,11 +4,10 @@ import Row, { RowBetween } from 'components/Row'; import { BodySmall } from 'components/Text'; import { AppContext } from 'contexts'; import { useRouterSDK } from 'functions/generateRoute'; -import React, { useContext, useEffect, useState } from 'react' +import React, { useContext, useEffect, useState } from 'react'; import { Box, styled, Switch, SwitchProps, Typography, useTheme } from 'soroswap-ui'; import { useSWRConfig } from 'swr'; - export const CustomSwitch = styled((props: SwitchProps) => ( ))(({ theme }) => ({ @@ -56,10 +55,9 @@ export const CustomSwitch = styled((props: SwitchProps) => ( }, })); - const firstLetterUppercase = (string: string) => { return string.charAt(0).toUpperCase() + string.slice(1); -} +}; const ProtocolsSettings = () => { const { resetRouterSdkCache } = useRouterSDK(); const theme = useTheme(); @@ -88,12 +86,10 @@ const ProtocolsSettings = () => { undefined, { revalidate: true }, ); - } - else return; - } + } else return; + }; return ( - { - The protocols Soroswap.finance will use to calculate the most efficient path for your transaction. + The protocols Soroswap.finance will use to calculate the most efficient path for + your transaction. } /> @@ -113,21 +110,30 @@ const ProtocolsSettings = () => { button={<>} > - + {protocolsStatus.map((option, index) => { return ( - - {firstLetterUppercase(option.key)} - { switchProtocolValue(option.key) }} color="secondary" /> + + + {firstLetterUppercase(option.key)} + + { + switchProtocolValue(option.key); + }} + color="secondary" + /> - ) + ); })} + + Use Phoenix at your own risk + - + ); +}; - ) -} - -export default ProtocolsSettings +export default ProtocolsSettings;