use arrow functions

Author: iceljc

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}

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>