Merge pull request blend-capital#132 from blend-capital/backstop-toke…

…n-management

Backstop token management

package.json

@@ -15,8 +15,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@blend-capital/blend-sdk": "^1.0.3",
-    "@creit.tech/stellar-wallets-kit": "^0.8.1",
+    "@blend-capital/blend-sdk": "^1.1.0",
+    "@creit.tech/stellar-wallets-kit": "0.8.1",
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@mui/icons-material": "^5.8.4",

src/components/backstop/BackstopDepositAnvil.tsx

@@ -12,6 +12,7 @@ import { scaleInputToBigInt } from '../../utils/scval';
 import { getErrorFromSim } from '../../utils/txSim';
 import { AnvilAlert } from '../common/AnvilAlert';
 import { InputBar } from '../common/InputBar';
+import { InputButton } from '../common/InputButton';
 import { OpaqueButton } from '../common/OpaqueButton';
 import { PoolComponentProps } from '../common/PoolComponentProps';
 import { Row } from '../common/Row';
@@ -118,11 +119,16 @@ export const BackstopDepositAnvil: React.FC<PoolComponentProps> = ({ poolId }) =
                 setToDeposit(v);
                 setLoadingEstimate(true);
               }}
-              onSetMax={handleDepositMax}
               palette={theme.palette.backstop}
               sx={{ width: '100%' }}
-              isMaxDisabled={isMaxDisabled}
-            />
+            >
+              <InputButton
+                palette={theme.palette.backstop}
+                onClick={handleDepositMax}
+                disabled={isMaxDisabled}
+                text="MAX"
+              />
+            </InputBar>
             {viewType !== ViewType.MOBILE && (
               <OpaqueButton
                 onClick={() => handleSubmitTransaction(false)}
@@ -136,7 +142,9 @@ export const BackstopDepositAnvil: React.FC<PoolComponentProps> = ({ poolId }) =
           </Box>
           <Box sx={{ marginLeft: '12px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
             <Typography variant="h5" sx={{ color: theme.palette.text.secondary }}>
-              {`$${toBalance(Number(toDeposit ?? 0) * (backstopData?.lpTokenPrice ?? 1))}`}
+              {`$${toBalance(
+                Number(toDeposit ?? 0) * (backstopData?.backstopToken.lpTokenPrice ?? 1)
+              )}`}
             </Typography>
             {viewType === ViewType.MOBILE && (
               <OpaqueButton