autocomplete fix

Author: Resul Avan

functions/src/warmUpScheduledFunction.ts

@@ -4,7 +4,7 @@ import { HandlerConfig } from 'handlers-module'
 import { ApiConfig } from 'types-module'
 
 export const warmUpScheduledFunction = pubsub
-  .schedule('0 */15 * * *')
+  .schedule('*/15 * * * *')
   .onRun((context) => {
     syncRequest('GET', HandlerConfig.getWebsiteUrl())
     syncRequest('GET', `${HandlerConfig.getWebsiteUrl()}${ApiConfig.healthy}`)

src/components/form/SetEmailPasswordForm.vue

@@ -4,12 +4,9 @@
       {{ $t('provider.linkPasswordProvider.passwordForm.title') }}
     </h3>
     <p class="has-text-centered has-margin-bottom-15">
-      {{ email ?
-      $t('provider.linkPasswordProvider.passwordForm.description',{email}) :
-      $t('provider.linkPasswordProvider.passwordForm.descriptionNoEmail') }}
+      {{ description }}
     </p>
     <div class="box">
-
       <ValidationObserver v-slot="{ passes }" tag="form">
         <FieldWithValue
           v-if="!!email"
@@ -90,6 +87,11 @@ export default class SetPasswordForm extends Vue {
 
   confirmedPassword = '';
 
+  get description () {
+    return this.email ? this.$t('provider.linkPasswordProvider.passwordForm.description', { email: this.email })
+      : this.$t('provider.linkPasswordProvider.passwordForm.descriptionNoEmail')
+  }
+
   submit () {
     this.confirmCredentials(this.credentials)
   }

src/components/navbar/SearchBar.vue

@@ -1,7 +1,6 @@
 <template>
   <b-field label-position="on-border" expanded>
     <b-autocomplete
-      v-model="query"
       :data="data"
       :placeholder="$t('common.field.searchPlaceholder')"
       field="title"
@@ -29,11 +28,6 @@
         </div>
       </template>
 
-      <!--      <template slot="empty">-->
-      <!--                    <span v-show="data.length === 0"-->
-      <!--                          class="has-text-grey has-text-centered"> {{$t('topNavbar.search.footer')}} </span>-->
-      <!--      </template>-->
-
       <template slot="header">
         <div>
           <b-button type="is-text" icon-left="toy-brick-search-outline" @click="gotoSearchPage">
@@ -88,28 +82,34 @@ export default class SearchBar extends Vue {
     })
   }
 
+  clearOldSearchData () {
+    this.data = []
+    this.page = 1
+    this.totalPages = 1
+  }
+
   searchByName (newQuery: string) {
     if (!this.authUser) {
       return showWarningToaster(this.$t('notification.search.notAllowedToSearch'))
     }
-    // String update
-    if (this.query !== newQuery) {
-      this.query = newQuery
-      this.data = []
-      this.page = 1
-      this.totalPages = 1
-    }
-    // String cleared
+
+    // String cleared, don't search
     if (!newQuery.length) {
-      this.data = []
-      this.page = 1
-      this.totalPages = 1
+      this.clearOldSearchData()
       return
     }
+
+    // String update, refresh search
+    if (this.query !== newQuery) {
+      this.query = newQuery
+      this.clearOldSearchData()
+    }
+
     // Reached last page
     if (this.page > this.totalPages) {
       return
     }
+
     this.isFetching = true
     searchUsers(newQuery, this.page, 5)
       .then((pagingResponse) => {
@@ -132,7 +132,6 @@ export default class SearchBar extends Vue {
     query
       ? await this.$router.push(getPageRouteWithQuery(Routes.SEARCH, query))
       : await this.$router.push(Routes.SEARCH)
-    console.log('gotoSearchPage', this.query)
   }
 
   async gotoProfile (username: string) {

src/plugins/fire-init-plugin.ts

@@ -32,7 +32,7 @@ export const getAuthProvider = (providerType: ProviderType) => {
 
     default:
       throw new Error(
-        'No social auth provider for provider type' + providerType
+        `No social auth provider for provider type ${providerType}`
       )
   }
 }

src/service/firebase/firestore/user-collection.ts

@@ -80,9 +80,10 @@ export const userIncludes = (user: User, query: string) => {
   if (!query) {
     return true
   }
-  return user.username?.toLowerCase().includes(query) ||
-    user.name?.toLowerCase().includes(query) ||
-    user.surname?.toLowerCase().includes(query)
+  const queryLower = query.toLowerCase()
+  return user.username?.toLowerCase().includes(queryLower) ||
+    user.name?.toLowerCase().includes(queryLower) ||
+    user.surname?.toLowerCase().includes(queryLower)
 }
 
 export const toSearchDataPagingResponse = (filteredUsers: User[], page: number, limit: number): PagingResponse<SearchData> => {