@rango-dev/ui 0.1.10-next.80 → 0.1.10-next.81

package/dist/components/Settings/Settings.d.ts

@@ -14,6 +14,8 @@ export interface PropTypes {
     selectedTheme: Theme;
     onThemeChange: (theme: Theme) => void;
     onBack: () => void;
+    infiniteApprove: boolean;
+    toggleInfiniteApprove: (infinite: boolean) => void;
 }
 export declare function Settings(props: PropTypes): JSX.Element;
 export {};

package/dist/ui.cjs.development.js

@@ -3233,6 +3233,11 @@ var LiquiditySourceContainer = /*#__PURE__*/styled(BaseContainer, {
   marginTop: '$32',
   cursor: 'pointer'
 });
+var InfiniteContainer = /*#__PURE__*/styled(BaseContainer, {
+  display: 'flex',
+  justifyContent: 'space-between',
+  marginTop: '$32'
+});
 var StyledAngleRight = /*#__PURE__*/styled(AngleRightIcon, {
   marginLeft: '$8'
 });
@@ -3256,7 +3261,9 @@ function Settings(props) {
     maxSlippage = props.maxSlippage,
     minSlippage = props.minSlippage,
     selectedTheme = props.selectedTheme,
-    onThemeChange = props.onThemeChange;
+    onThemeChange = props.onThemeChange,
+    toggleInfiniteApprove = props.toggleInfiniteApprove,
+    infiniteApprove = props.infiniteApprove;
   var _useState = React.useState(props.selectedSlippage),
     selectedSlippage = _useState[0],
     setSelectedSlippage = _useState[1];
@@ -3317,6 +3324,11 @@ function Settings(props) {
     style: {
       marginTop: '$24'
     }
+  })), React__default.createElement(InfiniteContainer, null, React__default.createElement(Typography, {
+    variant: "body1"
+  }, "Infinite Approval"), React__default.createElement(Switch, {
+    checked: infiniteApprove,
+    onChange: toggleInfiniteApprove
   })), React__default.createElement(LiquiditySourceContainer, {
     onClick: onLiquiditySourcesClick
   }, React__default.createElement(Typography, {