@rango-dev/widget-embedded 0.1.10-next.81 → 0.1.10-next.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.1.10-next.81",
+  "version": "0.1.10-next.82",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/pages/SettingsPage.tsx

@@ -25,17 +25,19 @@ export function SettingsPage() {
   const navigate = useNavigate();
   const { navigateBackFrom } = useNavigateBack();
 
+  const infiniteApprove = useSettingsStore.use.infiniteApprove();
+  const toggleInfiniteApprove = useSettingsStore.use.toggleInfiniteApprove();
   const uniqueSwappersGroups: Array<{
     title: string;
     logo: string;
     type: 'BRIDGE' | 'AGGREGATOR' | 'DEX';
     selected: boolean;
   }> = [];
-  removeDuplicateFrom(swappers.map((s) => s.swapperGroup))
-    .map((swapperGroup) => {
-      return swappers.find((s) => s.swapperGroup === swapperGroup);
+  removeDuplicateFrom(swappers.map(s => s.swapperGroup))
+    .map(swapperGroup => {
+      return swappers.find(s => s.swapperGroup === swapperGroup);
     })
-    .find((s) => {
+    .find(s => {
       if (s) {
         for (const type of s.types) {
           uniqueSwappersGroups.push({
@@ -52,7 +54,7 @@ export function SettingsPage() {
     <Settings
       slippages={SLIPPAGES}
       selectedSlippage={slippage}
-      onSlippageChange={(slippage) => setSlippage(slippage)}
+      onSlippageChange={slippage => setSlippage(slippage)}
       liquiditySources={uniqueSwappersGroups}
       selectedLiquiditySources={uniqueSwappersGroups.filter((s) => s.selected)}
       onLiquiditySourcesClick={navigate.bind(
@@ -66,6 +68,8 @@ export function SettingsPage() {
       maxSlippage={MAX_SLIPPAGE}
       selectedTheme={theme}
       onThemeChange={setTheme}
+      infiniteApprove={infiniteApprove}
+      toggleInfiniteApprove={toggleInfiniteApprove}
     />
   );
 }

package/src/store/settings.ts

@@ -10,12 +10,12 @@ type Theme = 'auto' | 'dark' | 'light';
 interface Settings {
   slippage: number;
   customSlippage: number | null;
-  infinitApprove: boolean;
+  infiniteApprove: boolean;
   disabledLiquiditySources: string[];
   theme: Theme;
   setSlippage: (slippage: number) => void;
   setCustomSlippage: (customSlippage: number | null) => void;
-  toggleInfinitApprove: () => void;
+  toggleInfiniteApprove: () => void;
   toggleLiquiditySource: (name: string) => void;
   setTheme: (theme: Theme) => void;
   toggleAllLiquiditySources: () => void;
@@ -27,7 +27,7 @@ export const useSettingsStore = createSelectors(
       subscribeWithSelector((set) => ({
         slippage: DEFAULT_SLIPPAGE,
         customSlippage: null,
-        infinitApprove: false,
+        infiniteApprove: false,
         disabledLiquiditySources: [],
         theme: 'auto',
         setSlippage: (slippage) =>
@@ -53,9 +53,9 @@ export const useSettingsStore = createSelectors(
               };
             }
           }),
-        toggleInfinitApprove: () =>
+        toggleInfiniteApprove: () =>
           set((state) => ({
-            infinitApprove: !state.infinitApprove,
+            infiniteApprove: !state.infiniteApprove,
           })),
         toggleLiquiditySource: (name) =>
           set((state) => {