feat: pagination on search (#205)

camarm-dev · Jul 13, 2024 · 3fcd134 · 3fcd134
1 parent 41dbd8f
commit 3fcd134
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/app/src/functions/database.ts b/app/src/functions/database.ts
@@ -46,8 +46,8 @@ class RemedeDatabase {
         return await this.query(statement)
     }
 
-    async search(query: string) {
-        const statement = `SELECT word FROM wordlist WHERE indexed LIKE '${query}%' ORDER BY word ASC`
+    async search(query: string, page: number = 0) {
+        const statement = `SELECT word FROM wordlist WHERE indexed LIKE '${query}%' ORDER BY word ASC LIMIT 50 OFFSET ${page * 50}`
         return await this.query(statement)
     }
 

diff --git a/app/src/functions/dictionnary.ts b/app/src/functions/dictionnary.ts
@@ -17,12 +17,12 @@ async function getAutocompleteFromDatabase(word: string) {
     return await database?.getAutocomplete(removeAccents(word)) as any[]
 }
 
-async function getSearchResultsWithAPI(query: string) {
-    return await fetch(`https://api-remede.camarm.fr/search/${query}`).then(resp => resp.json())
+async function getSearchResultsWithAPI(query: string, page: number) {
+    return await fetch(`https://api-remede.camarm.fr/search/${query}?page=${page}`).then(resp => resp.json())
 }
 
-async function getSearchResultsFromDatabase(query: string) {
-    return await database?.search(removeAccents(query)) as any[]
+async function getSearchResultsFromDatabase(query: string, page: number) {
+    return await database?.search(removeAccents(query), page) as any[]
 }
 
 async function getWordWithAPI(word: string) {
@@ -62,11 +62,11 @@ async function getAutocomplete(word: string) {
 }
 
 
-async function getSearchResults(query: string) {
+async function getSearchResults(query: string, page: number) {
     if (await useApi()) {
-        return await getSearchResultsWithAPI(query)
+        return await getSearchResultsWithAPI(query, page)
     }
-    return await getSearchResultsFromDatabase(query)
+    return await getSearchResultsFromDatabase(query, page)
 }
 
 async function getWordDocument(word: string) {