From 02e45b80cced2e81445e0f9658289b5dd4b00f2c Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Tue, 26 Apr 2022 19:59:04 +0200
Subject: [PATCH] Replaced .then() with await

---
 src/components/ModalInFile.svelte |  9 ++++-----
 src/components/ModalVault.svelte  | 17 ++++++++---------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/ModalInFile.svelte b/src/components/ModalInFile.svelte
index bed06ea..309e2a9 100644
--- a/src/components/ModalInFile.svelte
+++ b/src/components/ModalInFile.svelte
@@ -92,11 +92,10 @@ function moveIndex(dir: 1 | -1): void {
   scrollIntoView()
 }
 
-function scrollIntoView(): void {
-  tick().then(() => {
-    const elem = document.querySelector(`[data-result-id="${selectedIndex}"]`)
-    elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
-  })
+async function scrollIntoView(): Promise<void> {
+  await tick()
+  const elem = document.querySelector(`[data-result-id="${selectedIndex}"]`)
+  elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
 }
 
 async function openSelection(): Promise<void> {
diff --git a/src/components/ModalVault.svelte b/src/components/ModalVault.svelte
index 4e97592..3e792ed 100644
--- a/src/components/ModalVault.svelte
+++ b/src/components/ModalVault.svelte
@@ -78,15 +78,14 @@ function moveIndex(dir: 1 | -1): void {
   scrollIntoView()
 }
 
-function scrollIntoView(): void {
-  tick().then(() => {
-    if (selectedNote) {
-      const elem = document.querySelector(
-        `[data-result-id="${selectedNote.path}"]`
-      )
-      elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
-    }
-  })
+async function scrollIntoView(): Promise<void> {
+  await tick()
+  if (selectedNote) {
+    const elem = document.querySelector(
+      `[data-result-id="${selectedNote.path}"]`
+    )
+    elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
+  }
 }
 </script>