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;