From ef68fdb2068c631eede01e66b38a8019c1549c60 Mon Sep 17 00:00:00 2001
From: Jicheng Lu <franklujc@gmail.com>
Date: Thu, 18 Jul 2024 22:20:48 -0500
Subject: [PATCH] use arrow functions

---
 .../[conversationId]/chat-box.svelte          | 20 +++++++++----------
 src/routes/page/conversation/+page.svelte     | 10 +++++-----
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
index 1d31e7e9..4826398b 100644
--- a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
@@ -863,9 +863,9 @@
 	title={'Edit message'}
 	size={'md'}
 	isOpen={isOpenEditMsgModal}
-	toggleModal={toggleEditMsgModal}
-	confirm={confirmEditMsg}
-	cancel={toggleEditMsgModal}
+	toggleModal={() => toggleEditMsgModal()}
+	confirm={() => confirmEditMsg()}
+	cancel={() => toggleEditMsgModal()}
 	disableConfirmBtn={!!!_.trim(editText)}
 >
 	<textarea class="form-control chat-input" rows="3" maxlength={500} bind:value={editText} placeholder="Enter Message..." />
@@ -875,9 +875,9 @@
 	isOpen={isOpenUserAddStateModal}
 	bind:states={userAddStates}
 	requireActiveRounds
-	toggleModal={toggleUserAddStateModal}
-	confirm={handleConfirmUserAddStates}
-	cancel={toggleUserAddStateModal}
+	toggleModal={() => toggleUserAddStateModal()}
+	confirm={() => handleConfirmUserAddStates()}
+	cancel={() => toggleUserAddStateModal()}
 />
 
 <HeadTitle title="Chat" addOn='' />
@@ -890,7 +890,7 @@
 				bind:agentQueueLogs={agentQueueLogs}
 				agent={agent}
 				autoScroll={autoScrollLog}
-				closeWindow={closeInstantLog}
+				closeWindow={() => closeInstantLog()}
 			/>
 		</Pane>
 		{/if}
@@ -1086,7 +1086,7 @@
 								<RichContent
 									message={lastBotMsg}
 									disabled={isSendingMsg || isThinking}
-									onConfirm={confirmSelectedOption}
+									onConfirm={(title, payload) => confirmSelectedOption(title, payload)}
 								/>
 							{/if}
 						</div>
@@ -1142,8 +1142,8 @@
 				bind:contentLogs={contentLogs}
 				bind:convStateLogs={convStateLogs}
 				autoScroll={autoScrollLog}
-				closeWindow={closePersistLog}
-				cleanScreen={cleanPersistLogScreen}
+				closeWindow={() => closePersistLog()}
+				cleanScreen={() => cleanPersistLogScreen()}
 			/>
 		</Pane>
 		{/if}
diff --git a/src/routes/page/conversation/+page.svelte b/src/routes/page/conversation/+page.svelte
index 21452b1a..fb8c029e 100644
--- a/src/routes/page/conversation/+page.svelte
+++ b/src/routes/page/conversation/+page.svelte
@@ -336,9 +336,9 @@
 	validateKey={true}
 	validateValue={false}
 	bind:states={searchOption.states}
-	toggleModal={toggleSearchStateModal}
-	confirm={handleConfirmStateModal}
-	cancel={toggleSearchStateModal}
+	toggleModal={() => toggleSearchStateModal()}
+	confirm={() => handleConfirmStateModal()}
+	cancel={() => toggleSearchStateModal()}
 />
 
 <Row>
@@ -410,7 +410,7 @@
 				</Row>
 				{#if searchStateStrs?.length > 0}
 					{#each searchStateStrs as str, idx (idx)}
-					<Label index={idx} text={str} onClose={handleCloseLabel} />
+					<Label index={idx} text={str} onClose={(index) => handleCloseLabel(index)} />
 					{/each}
 				{/if}
 			</CardBody>
@@ -464,7 +464,7 @@
 						</tbody>
 					</Table>
 				</div>
-				<TablePagination pagination={pager} pageTo={pageTo} />
+				<TablePagination pagination={pager} pageTo={(pn) => pageTo(pn)} />
 			</CardBody>
 		</Card>
 	</Col>