NavigationBar Search Function

[Th1nkK1D]

View Figma file

Depended on

• 3

• 12

• 21

Starting point

• Take a look at NavigationBar component first. They implement the search input field but not the result dropdown.
• Add a new component SearchResult which is some child under the NavigationBar
• The component should take the search keyword props bind with the value from the search input.
• Just mock the data to be filtered with the keyword as a const. The data should have the following type: (only filter from the name property)

  interface SeachIndexes {
  politicians: {
   name: string;
   description: string;
  }[],
  bills: {
   name: string;
   status: BillStatus
  }[],
  votings: {
   name: string;
   result?: DefaultVotingResult
  }[]
  }

• Bold the keyword in the result is nice to have. You can research if it's too difficult then it can be ignored for now.

[napatswift]

I want to work on this issue kub 🙋🏽‍♂️

[napatswift]

@Th1nkK1D I have a question kub. When searching documents (or items), does the search require an exact match of all the query terms, or does it match documents that contain some but not necessarily all of the query terms?

For example, if I search for "กก ขข", will it match a document that contains "กก" but not contains "ขข"?

And if I search for "นาง ปิยบุตร", will it match a document with "นายปิยบุตร นามสกุล" which contains the name "ปิยบุตร" but not "นาง"?

[Th1nkK1D]

@Th1nkK1D I have a question kub. When searching documents (or items), does the search require an exact match of all the query terms, or does it match documents that contain some but not necessarily all of the query terms?

For example, if I search for "กก ขข", will it match a document that contains "กก" but not contains "ขข"?

And if I search for "นาง ปิยบุตร", will it match a document with "นายปิยบุตร นามสกุล" which contains the name "ปิยบุตร" but not "นาง"?

Will it be too complicated to put the exact match on the top, then if the exact match is less than the limit, we add the result that contains some keywords?

[napatswift]

It's not complicated but I think it will be more expensive than throwing out documents that don't contain certain query keywords (learned from yourcandidates).

But I'll go with the approach that doesn't require all queries first. Thanks kub 🙏 .

[Th1nkK1D]

Merged #39