[ShanaBoo] Show new liquidation price when adding or removing margin

src/components/modals/AddMargin.svelte

@@ -0,0 +1,50 @@
+<script>
+	import { onMount } from 'svelte'
+	import { submitAddMargin, submitRemoveMargin } from '@api'
+	import { getLiquidationPrice } from '@lib/utils'
+	import { addMarginAmount, removeMarginAmount } from '@lib/stores'
+	import { showToast } from '@lib/ui'
+	import { focusInput } from '@lib/utils'
+	let loading = false
+	let errors = {}
+
+	$: newLiquidationPrice = data.isAdding ? getLiquidationPrice(data.position, $addMarginAmount) : getLiquidationPrice(data.position, -$removeMarginAmount)
+	$: currentLiquidationPrice = data.position.liquidationPrice
+
+	async function handleSubmit() {
+		errors = {}
+		if (!amount) {
+				</div>
+			</div>
+
+			<div class='row'>
+				<div class='label'>Current Liquidation Price</div>
+				<div class='value'>{currentLiquidationPrice ? `$${formatNumber(currentLiquidationPrice)}` : '-'}</div>
+			</div>
+
+			{#if amount}
+			<div class='row'>
+				<div class='label'>New Liquidation Price</div>
+				<div class='value'>{newLiquidationPrice ? `$${formatNumber(newLiquidationPrice)}` : '-'}</div>
+			</div>
+			{/if}
+
+			<div class='buttons'>
+				<Button isLoading={loading} label={data.isAdding ? 'Add Margin' : 'Remove Margin'} />
+			</div>
+		margin-bottom: 20px;
+	}
+
+	.row {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 12px;
+		font-size: 14px;
+	}
+	.label { color: var(--text-secondary); }
+	.value { font-weight: 600; }
+
+	.buttons {
+		margin-top: 20px;
+	}

src/lib/utils.js

@@ -1,6 +1,20 @@
-import { get } from 'svelte/store'
-
-import { BPS_DIVIDER, CHAINDATA, USD_CONVERSION_MARKETS } from './config'
+export function focusInput(node) {
+	node.focus()
+}
+
+export function getLiquidationPrice(position, marginChange) {
+	if (!position || !position.size) return null
+
+	const newMargin = position.margin + marginChange
+	if (newMargin <= 0) return null
+
+	// Liquidation price formula: entryPrice +/- (entryPrice * newMargin / size)
+	// For longs: entryPrice * (1 - newMargin/size) - for shorts: entryPrice * (1 + newMargin/size)
+	const direction = position.isLong ? 1 : -1
+	const liquidationPrice = position.entryPrice * (1 - direction * newMargin / position.size)
+
+	return liquidationPrice
+}
 import { formatForDisplay } from './formatters'
 import { chainId, leverage, selectedMarket, selectedMarketInfo } from './stores'