From 558d47d23a0acb7e9390ec8bc3b8938f703d0604 Mon Sep 17 00:00:00 2001
From: rebel117 <>
Date: Tue, 19 May 2026 15:03:41 +0800
Subject: [PATCH] Add CAP icon to staking modals

The pool page shows asset icons consistently but the staking
modals (Stake/Unstake CAP) were missing the CAP icon in their
header. This adds an optional icon prop to the Modal component
and passes the CAP logo to both staking modals so the branding
stays consistent across the app.
---
 src/components/modals/Modal.svelte      | 10 +++++++++-
 src/components/modals/StakeCAP.svelte   |  2 +-
 src/components/modals/UnstakeCAP.svelte |  2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/modals/Modal.svelte b/src/components/modals/Modal.svelte
index 9d62346..2019f50 100644
--- a/src/components/modals/Modal.svelte
+++ b/src/components/modals/Modal.svelte
@@ -12,6 +12,7 @@
 	export let showCancel = false;
 	export let width = 420;
 	export let doneButton = false;
+	export let icon = '';
 
 	let tooltipOptions = {
 		content: note,
@@ -63,6 +64,13 @@
 		font-weight: 600;
 		font-size: 18px;
 		flex: 1 1 auto;
+		display: flex;
+		align-items: center;
+		gap: 8px;
+	}
+	.modal-title img {
+		width: 20px;
+		height: 20px;
 	}
 
 	.info {
@@ -108,7 +116,7 @@
 		{#if showHeader || title}
 		<div class='modal-header'>
 			<div class='top'>
-				<div class='modal-title'>{title}</div>
+				<div class='modal-title'>{#if icon}<img src={icon} alt='' />{/if}{title}</div>
 				{#if note}
 					<a class='info' use:tooltip={tooltipOptions}>{@html INFO_ICON}</a>
 				{/if}
diff --git a/src/components/modals/StakeCAP.svelte b/src/components/modals/StakeCAP.svelte
index 2e4bf18..2ca9b38 100644
--- a/src/components/modals/StakeCAP.svelte
+++ b/src/components/modals/StakeCAP.svelte
@@ -56,7 +56,7 @@
 
 </style>
 
-<Modal title='Stake CAP' width={280}>
+<Modal title='Stake CAP' width={280} icon='/asset-logos/CAP.svg'>
 	
 	<div class='container'>
 
diff --git a/src/components/modals/UnstakeCAP.svelte b/src/components/modals/UnstakeCAP.svelte
index 911532e..e98570b 100644
--- a/src/components/modals/UnstakeCAP.svelte
+++ b/src/components/modals/UnstakeCAP.svelte
@@ -41,7 +41,7 @@
 
 </style>
 
-<Modal title='Unstake CAP' width={280}>
+<Modal title='Unstake CAP' width={280} icon='/asset-logos/CAP.svg'>
 	
 	<div class='container'>