Browse Source

lint

pull/2535/head
Kat 2 years ago committed by kosiakkatrina
parent
commit
19b8c2b691
  1. 5
      app/frontend/controllers/search_controller.js
  2. 15
      app/frontend/modules/search.js

5
app/frontend/controllers/search_controller.js

@ -3,9 +3,8 @@ import accessibleAutocomplete from 'accessible-autocomplete'
import 'accessible-autocomplete/dist/accessible-autocomplete.min.css'
import { searchSuggestion, fetchAndPopulateSearchResults } from '../modules/search'
let hints = [];
let hints = []
const populateHint = (results) => {
console.log("populating")
hints = results
}
@ -26,7 +25,7 @@ export default class extends Controller {
},
autoselect: true,
placeholder: 'Start typing to search',
templates: { suggestion: (value) => searchSuggestion(value, hints) },
templates: { suggestion: (value) => searchSuggestion(value, hints) },
name: rawFieldName,
onConfirm: (val) => {
const selectedOption = [].filter.call(

15
app/frontend/modules/search.js

@ -120,12 +120,12 @@ export const suggestion = (value, options) => {
export const searchSuggestion = (value, hints) => {
try {
const result = hints[value.toString()]
if (result) {
const html = result.append ? `<span class="autocomplete__option__append">${result.value}</span> <span>${result.append}</span>` : `<span>${result.value}</span>`
return result.hint ? `${html}<div class="autocomplete__option__hint">${result.hint}</div>` : html
} else {
return '<span>No results found</span>'
}
if (result) {
const html = result.append ? `<span class="autocomplete__option__append">${result.value}</span> <span>${result.append}</span>` : `<span>${result.value}</span>`
return result.hint ? `${html}<div class="autocomplete__option__hint">${result.hint}</div>` : html
} else {
return '<span>No results found</span>'
}
} catch (error) {
console.error('Error fetching user option:', error)
return value
@ -143,10 +143,9 @@ export const enhanceOption = (option) => {
}
}
export const fetchAndPopulateSearchResults = async (query, populateResults, populateHint) => {
if (/\S/.test(query)) {
let results = await fetchUserOptions(query)
const results = await fetchUserOptions(query)
populateResults(Object.keys(results))
populateHint(results)
}

Loading…
Cancel
Save